MdInputChip

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.

Input chips whose icons are user images may add the avatar attribute to display the image in a larger circle.

https://material-web.dev/components/chip/#input-chip-example

Author

Maanrifa Bacar Ali

Constructors

Link copied to clipboard
constructor(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)

Properties

Link copied to clipboard
var alwaysFocusable: <Error class: unknown class>

When true, allow disabled chips to be focused with arrow keys. Add this when a chip needs increased visibility when disabled.

Link copied to clipboard
var ariaLabelRemove: <Error class: unknown class>

The aria label for remove action.

Link copied to clipboard
var avatar: <Error class: unknown class>

Indicates that the chip display an avatar.

Link copied to clipboard
var disabled: <Error class: unknown class>

Whether or not the chip is disabled. Disabled chips are not focusable, unless always-focusable is set.

Link copied to clipboard
var href: <Error class: unknown class>

The URL that the chip points to.

Link copied to clipboard
var label: <Error class: unknown class>

The label of the chip.

Link copied to clipboard
open var parent: <Error class: unknown class>?
Link copied to clipboard
var removeOnly: <Error class: unknown class>

Indicates that the ship is removeOnly.

Link copied to clipboard
var selected: <Error class: unknown class>

Indicates that the chip is selected.

Link copied to clipboard
var target: <Error class: unknown class>

Where to display the linked href URL for a link chip.

Functions

Link copied to clipboard
open override fun afterCreate(node: <Error class: unknown class>)
Link copied to clipboard
open override fun buildAttributeSet(attributeSetBuilder: <Error class: unknown class>)
Link copied to clipboard
open fun dispose()
Link copied to clipboard
open override fun icon(component: <Error class: unknown class>?)
Link copied to clipboard

Sets the icon identified by name to the icon slot.

Link copied to clipboard
open fun render(): <Error class: unknown class>