spark/com.adevinta.spark.components.buttons/ButtonOutlined

ButtonOutlined

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

Outlined buttons are used for support actions. The outlined styling places less emphasis on these actions that are ` important but not the main ones. It is recommended to pair it with a button wit more emphasis like the filled button or the tinted button.

Be aware that it's not advised to use it on top of images since it will be hard to see.

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.

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

Outlined buttons are used for support actions. The outlined styling places less emphasis on these actions that are important but not the main ones. It is recommended to pair it with a button wit more emphasis like the filled button or the tinted button.

Be aware that it's not advised to use it on top of images since it will be hard to see.

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.