Design

The label that marks and catalogs information to facilitate the search process.

Declaration

open class Chip @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = com.google.android.material.R.attr.chipStyle
) : Chip(ContextThemeWrapper(context, R.style.AdmiralThemeOverlay_Chip), attrs, defStyleAttr),
    ThemeObserver

Overview

Chip - a label that marks and catalogs information to facilitate the search process.

They can be either active (clickable) or inactive.

Additionally, it is possible to change the composition of attributes through Variants. The width of the component depends on the content.

Live example

ChipGroup - the view that represents a list of selected filters, options, or any items from the list.

Configure a chip

<com.admiral.uikit.components.chip.ChipGroup
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.admiral.uikit.components.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:admiralText="Chip"
        app:chipIcon="@drawable/admiral_ic_car_solid"
        app:closeIconEnabled="true" />

    <com.admiral.uikit.components.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:admiralText="Chip"
        app:closeIconEnabled="true" />

    <com.admiral.uikit.components.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:admiralText="@string/tags_chips_icons"
        app:chipIcon="@drawable/admiral_ic_car_solid" />

    <com.admiral.uikit.components.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:chipIcon="@drawable/admiral_ic_car_solid" />

    <com.admiral.uikit.components.tag.Tag
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:admiralText="@string/tags_chips_emoji" />

    <com.admiral.uikit.components.tag.Tag
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:admiralText="@string/tags_chips_flag"
        app:chipIcon="@drawable/test_ic_france" />

</com.admiral.uikit.components.chip.ChipGroup>

Contribution

You can help us to find bugs or ask us to add features.

• To start issue please use ready-made templates.
• To make changes to the repository, you need to create a fork of the project, make changes to the code and create a pull request in our project. You can read more about this in the Github documentation.