ButtonContrast

fun ButtonContrast(onClick: () -> Unit, modifier: Modifier = Modifier, size: ButtonSize = ButtonSize.Medium, shape: ButtonShape = SparkButtonDefaults.DefaultShape, intent: ButtonIntent = ButtonIntent.Main, enabled: Boolean = true, icon: SparkIcon? = null, iconSide: IconSide = IconSide.START, isLoading: Boolean = false, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable RowScope.() -> Unit)

Ghost buttons are used for the lowest priority actions, especially when presenting multiple options.

Ghost buttons can be placed on a variety of backgrounds. Until the button is interacted with, its container isn’t visible. This button style is often used inside other components like snackbars, dialogs, and cards.

Parameters

onClick

Will be called when the user clicks the button

modifier

Modifier to be applied to the button

size

The size of the button

intent

The intent color for the button.

enabled

Controls the enabled state of the button. When false, this button will not be clickable

icon

The optional icon to be displayed at the start or the end of the button container.

iconSide

If an icon is added, you can configure the side where is should be displayed, at the start or end of the button

isLoading

show or hide a CircularProgressIndicator at the start that push the content to indicate a loading state

interactionSource

the MutableInteractionSource representing the stream of Interactions for this button. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this button in different states.


fun ButtonContrast(onClick: () -> Unit, text: String, modifier: Modifier = Modifier, size: ButtonSize = ButtonSize.Medium, shape: ButtonShape = SparkButtonDefaults.DefaultShape, intent: ButtonIntent = ButtonIntent.Main, enabled: Boolean = true, icon: SparkIcon? = null, iconSide: IconSide = IconSide.START, isLoading: Boolean = false, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })
fun ButtonContrast(onClick: () -> Unit, text: AnnotatedString, modifier: Modifier = Modifier, size: ButtonSize = ButtonSize.Medium, intent: ButtonIntent = ButtonIntent.Main, enabled: Boolean = true, icon: SparkIcon? = null, iconSide: IconSide = IconSide.START, isLoading: Boolean = false, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })

Ghost buttons are used for the lowest priority actions, especially when presenting multiple options.

Ghost buttons can be placed on a variety of backgrounds. Until the button is interacted with, its container isn’t visible. This button style is often used inside other components like snackbars, dialogs, and cards.

Parameters

onClick

Will be called when the user clicks the button

text

The text to be displayed in the button

modifier

Modifier to be applied to the button

size

The size of the button

intent

The intent color for the button.

enabled

Controls the enabled state of the button. When false, this button will not be clickable

icon

The optional icon to be displayed at the start or the end of the button container.

iconSide

If an icon is added, you can configure the side where is should be displayed, at the start or end of the button

isLoading

show or hide a CircularProgressIndicator at the start that push the content to indicate a loading state

interactionSource

the MutableInteractionSource representing the stream of Interactions for this button. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this button in different states.