ChipDefaults

public object ChipDefaults

Contains the baseline values used by chips.

Properties

MinHeight

public val MinHeight: Dp = 32.dp

The min height applied for a chip. Note that you can override it by applying Modifier.height directly on a chip.

outlinedBorder

public val outlinedBorder: BorderStroke

The border used by all types of outlined chips

LeadingIconOpacity

public const val LeadingIconOpacity: Float = 0.54f

The color opacity used for chip's leading icon color

ContentOpacity

public const val ContentOpacity: Float = 0.87f

The color opacity used for chip's content color

OutlinedBorderOpacity

public const val OutlinedBorderOpacity: Float = 0.12f

The color opacity used for the outlined chip's border color

OutlinedBorderSize

public val OutlinedBorderSize: Dp = 1.dp

The outlined chip's border size

LeadingIconSize

public val LeadingIconSize: Dp = 20.dp

The size of a chip's leading icon

SelectedIconSize

public val SelectedIconSize: Dp = 18.dp

The size of a standalone selected icon

Functions

chipColors

@Composable
    public fun chipColors(
        backgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SurfaceOverlayOpacity)
                .compositeOver(MaterialTheme.colors.surface),
        contentColor: Color = MaterialTheme.colors.onSurface.copy(alpha = ContentOpacity),
        leadingIconContentColor: Color = contentColor.copy(alpha = LeadingIconOpacity),
        disabledBackgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = ContentAlpha.disabled * SurfaceOverlayOpacity)
                .compositeOver(MaterialTheme.colors.surface),
        disabledContentColor: Color =
            contentColor.copy(alpha = ContentAlpha.disabled * ContentOpacity),
        disabledLeadingIconContentColor: Color =
            leadingIconContentColor.copy(alpha = ContentAlpha.disabled * LeadingIconOpacity),
    ): ChipColors

Creates a ChipColors that represents the default background and content colors used in a filled Chip.

Parameters

outlinedChipColors

@Composable
    public fun outlinedChipColors(
        backgroundColor: Color = MaterialTheme.colors.surface,
        contentColor: Color = MaterialTheme.colors.onSurface.copy(alpha = ContentOpacity),
        leadingIconContentColor: Color = contentColor.copy(alpha = LeadingIconOpacity),
        disabledBackgroundColor: Color = backgroundColor,
        disabledContentColor: Color =
            contentColor.copy(alpha = ContentAlpha.disabled * ContentOpacity),
        disabledLeadingIconContentColor: Color =
            leadingIconContentColor.copy(alpha = ContentAlpha.disabled * LeadingIconOpacity),
    ): ChipColors

Creates a ChipColors that represents the default background and content colors used in an outlined Chip.

Parameters

filterChipColors

@Composable
    public fun filterChipColors(
        backgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SurfaceOverlayOpacity)
                .compositeOver(MaterialTheme.colors.surface),
        contentColor: Color = MaterialTheme.colors.onSurface.copy(alpha = ContentOpacity),
        leadingIconColor: Color = contentColor.copy(LeadingIconOpacity),
        disabledBackgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = ContentAlpha.disabled * SurfaceOverlayOpacity)
                .compositeOver(MaterialTheme.colors.surface),
        disabledContentColor: Color =
            contentColor.copy(alpha = ContentAlpha.disabled * ContentOpacity),
        disabledLeadingIconColor: Color =
            leadingIconColor.copy(alpha = ContentAlpha.disabled * LeadingIconOpacity),
        selectedBackgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SurfaceOverlayOpacity)
                .compositeOver(backgroundColor),
        selectedContentColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SelectedOverlayOpacity)
                .compositeOver(contentColor),
        selectedLeadingIconColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SelectedOverlayOpacity)
                .compositeOver(leadingIconColor),
    ): SelectableChipColors

Creates a SelectableChipColors that represents the default background and content colors used in a filled FilterChip.

Parameters

outlinedFilterChipColors

@Composable
    public fun outlinedFilterChipColors(
        backgroundColor: Color = MaterialTheme.colors.surface,
        contentColor: Color = MaterialTheme.colors.onSurface.copy(ContentOpacity),
        leadingIconColor: Color = contentColor.copy(LeadingIconOpacity),
        disabledBackgroundColor: Color = backgroundColor,
        disabledContentColor: Color =
            contentColor.copy(alpha = ContentAlpha.disabled * ContentOpacity),
        disabledLeadingIconColor: Color =
            leadingIconColor.copy(alpha = ContentAlpha.disabled * LeadingIconOpacity),
        selectedBackgroundColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SelectedOverlayOpacity)
                .compositeOver(backgroundColor),
        selectedContentColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SelectedOverlayOpacity)
                .compositeOver(contentColor),
        selectedLeadingIconColor: Color =
            MaterialTheme.colors.onSurface
                .copy(alpha = SelectedOverlayOpacity)
                .compositeOver(leadingIconColor),
    ): SelectableChipColors

Creates a ChipColors that represents the default background and content colors used in a selectable outlined FilterChip.

Parameters