kvision-material/io.kvision.material.iconbutton/MdIconButton

MdIconButton

open class MdIconButton : MdFormLabelWidget<String?> , HasIconSlot, HasSelectedSlot

Icon buttons help people take supplementary actions with a single tap.

Standard icon buttons do not have a background or outline, and have the lowest emphasis of the icon buttons.

See https://material-web.dev/components/icon-button/

Author

Maanrifa Bacar Ali

Inheritors

MdFilledIconButton

MdFilledTonalIconButton

MdOutlinedIconButton

Constructors

MdIconButton

constructor(disabled: Boolean = false, flipIconInRtl: Boolean = false, href: String? = null, target: LinkTarget? = null, ariaLabelSelected: String? = null, toggle: Boolean = false, selected: Boolean = false, type: IconButtonType = IconButtonType.Submit, value: String? = null, name: String? = null, className: String? = null, init: MdIconButton.() -> Unit? = null)

Standard icon button constructor.

Properties

ariaLabelSelected

var ariaLabelSelected: <Error class: unknown class>

The aria-label of the button when the button is toggleable and selected.

disabled

var disabled: <Error class: unknown class>

Whether or not the widget is disabled.

flipIconInRtl

var flipIconInRtl: Boolean

Flips the icon if it is in an RTL context at startup.

form

val form: <Error class: unknown class>?

The associated form element with which this element's value will submit.

href

var href: <Error class: unknown class>

The URL that the link iconButton points to.

labels

val labels: <Error class: unknown class>?

The labels this element is associated with.

name

var name: <Error class: unknown class>

The name to use in form submission.

parent

open var parent: <Error class: unknown class>?

selected

var selected: <Error class: unknown class>

Sets the selected state. When false, displays the default icon. When true, displays the selected icon, or the default icon if no slot="selected" icon is provided.

target

var target: <Error class: unknown class>

Where to display the linked href URL for a link iconButton. Common options include _blank to open in a new tab.

toggle

var toggle: <Error class: unknown class>

When true, the button will toggle between selected and unselected states.

type

var type: <Error class: unknown class>

Button type.

value

var value: <Error class: unknown class>

The value that is submitted to the form.