spark/com.adevinta.spark.components.icons

Package-level declarations

The Icon component display any Icon coming from either of these sources:

It behaves like the Compose Foundation Icon component but it also accepts size parameter that have the following values (IconSize):

Small (16.dp)
Medium (24.dp) - default size
Large (32.dp)
ExtraLarge (40.dp)

Use IconIntent to pass one of the accepted intents:

Support
Accent
Main
Surface
Success
Alert
Danger
Neutral
Current
Unspecified

Icon(
    sparkIcon = LeboncoinIcons.Check,
    tint = IconIntent.Main,
    contentDescription = "Done",
    size = IconSize.Large,
)

Functions

FilledIconButton

@Composable

fun FilledIconButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconButtonColors = IconButtonDefaults.filledIconButtonColors(), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design filled icon button.

FilledIconToggleButton

@Composable

fun FilledIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconToggleButtonColors = IconButtonDefaults.filledIconToggleButtonColors(), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design filled icon toggle button.

FilledTonalIconButton

@Composable

fun FilledTonalIconButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconButtonColors = IconButtonDefaults.filledTonalIconButtonColors( containerColor = SparkTheme.colors.mainContainer, ), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design filled tonal icon button.

FilledTonalIconToggleButton

@Composable

fun FilledTonalIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconToggleButtonColors = IconButtonDefaults.filledTonalIconToggleButtonColors( checkedContainerColor = SparkTheme.colors.mainContainer, checkedContentColor = contentColorFor(backgroundColor = SparkTheme.colors.mainContainer), ), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design filled tonal icon toggle button.

IconButton

@Composable

fun IconButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconButtonColors = IconButtonDefaults.iconButtonColors(), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design standard icon button.

IconToggleButton

@Composable

fun IconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconToggleButtonColors = IconButtonDefaults.iconToggleButtonColors(), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design standard icon toggle button.

OutlinedIconButton

@Composable

fun OutlinedIconButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconButtonColors = IconButtonDefaults.outlinedIconButtonColors(), border: BorderStroke? = IconButtonDefaults.outlinedIconButtonBorder(enabled), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design outlined icon button.

OutlinedIconToggleButton

@Composable

fun OutlinedIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, colors: IconToggleButtonColors = IconButtonDefaults.outlinedIconToggleButtonColors(), border: BorderStroke? = IconButtonDefaults.outlinedIconToggleButtonBorder(enabled, checked), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Material Design outlined icon toggle button.