kvision-material/io.kvision.material.iconbutton/MdFilledTonalIconButton

MdFilledTonalIconButton

open class MdFilledTonalIconButton(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: MdFilledTonalIconButton.() -> Unit? = null) : MdIconButton

Filled tonal icon buttons are a middle ground between filled and outlined icon buttons. They're useful in contexts where the button requires slightly more emphasis than an outline would give, such as a secondary action paired with a high emphasis action.

Author

Maanrifa Bacar Ali

Constructors

MdFilledTonalIconButton

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: MdFilledTonalIconButton.() -> Unit? = null)

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.