Package-level declarations

Material web chips components (chip set, chip).

Types

Link copied to clipboard
open class MdAssistChip : MdChip

Assist chips represent smart or automated actions that can span multiple apps, such as opening a calendar event from the home screen.

Link copied to clipboard
abstract class MdChip : MdItemWidget, HasIconSlot

Chips help people enter information, make selections, filter content, or trigger actions.

Link copied to clipboard
open class MdChipSet(className: String? = null, init: MdChipSet.() -> Unit? = null) : MdListWidget<MdChip>

Chips should always appear in a set. Chip set are toolbars that can display any type of chip or other toolbar items.

Link copied to clipboard
open class MdFilterChip(    label: String,     elevated: Boolean = false,     removable: Boolean = false,     selected: Boolean = false,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     ariaLabelRemove: String? = null,     className: String? = null,     init: MdFilterChip.() -> Unit? = null) : MdChip, RemovableChip

Filter chips use tags or descriptive words to filter content. They can be a good alternative to toggle buttons or checkboxes.

Link copied to clipboard
open class MdInputChip(    label: String,     avatar: Boolean = false,     href: String? = null,     target: LinkTarget? = null,     removeOnly: Boolean = false,     selected: Boolean = false,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     ariaLabelRemove: String? = null,     className: String? = null,     init: MdInputChip.() -> Unit? = null) : MdChip, RemovableChip

Input chips represent discrete pieces of information entered by a user, such as Gmail contacts or filter options within a search field.

Link copied to clipboard
open class MdSuggestionChip(    label: String,     elevated: Boolean = false,     href: String? = null,     target: LinkTarget? = null,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     className: String? = null,     init: MdSuggestionChip.() -> Unit? = null) : MdAssistChip

Suggestion chips help narrow a user’s intent by presenting dynamically generated suggestions, such as possible responses or search filters.

Link copied to clipboard
interface RemovableChip

Chip which displays a remove button.

Functions

Link copied to clipboard
fun MdChipSet.assistChip(    label: String,     elevated: Boolean = false,     href: String? = null,     target: LinkTarget? = null,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     className: String? = null,     init: MdAssistChip.() -> Unit? = null): MdAssistChip
Link copied to clipboard
fun Container.chipSet(className: String? = null, init: MdChipSet.() -> Unit? = null): MdChipSet
Link copied to clipboard
fun MdChipSet.filterChip(    label: String,     elevated: Boolean = false,     removable: Boolean = false,     selected: Boolean = false,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     ariaLabelRemove: String? = null,     className: String? = null,     init: MdFilterChip.() -> Unit? = null): MdFilterChip
Link copied to clipboard
fun MdChipSet.inputChip(    label: String,     avatar: Boolean = false,     href: String? = null,     target: LinkTarget? = null,     removeOnly: Boolean = false,     selected: Boolean = false,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     ariaLabelRemove: String? = null,     className: String? = null,     init: MdInputChip.() -> Unit? = null): MdInputChip
Link copied to clipboard
fun <T : MdChip, RemovableChip> SnOn<T>.remove(action: (Event) -> Unit)

Dispatched when the remove button is clicked.

Link copied to clipboard
fun MdChipSet.suggestionChip(    label: String,     elevated: Boolean = false,     href: String? = null,     target: LinkTarget? = null,     disabled: Boolean = false,     alwaysFocusable: Boolean = false,     className: String? = null,     init: MdSuggestionChip.() -> Unit? = null): MdSuggestionChip
Link copied to clipboard
fun SnOn<out MdChip>.updateFocus(action: (Event) -> Unit)

Dispatched when disabled is toggled. Event.bubbles