- CSS Parts
base— The wrapping element of the icon button.icon— The icon element of the icon button.
Properties
Section titled "Properties"collection
Section titled "collection"The name of the icon collection.
collection: stringdisabled
Section titled "disabled"The disabled state of the component
disabled: booleandownload
Section titled "download"Prompts to save the linked URL instead of navigating to it.
download: stringThe URL the button points to.
href: stringmirrored
Section titled "mirrored"Whether to flip the icon button. Useful for RTL layouts.
mirrored: booleanThe name of the icon.
name: stringThe relationship of the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types
rel: stringtarget
Section titled "target"Where to display the linked URL, as the name for a browsing context.
target: "_blank" | "_parent" | "_self" | "_top"The type of the button. Defaults to button.
type: "reset" | "submit" | "button"variant
Section titled "variant"The visual variant of the icon button.
variant: IconButtonVariantAccessors
Section titled "Accessors"Returns the HTMLFormElement associated with this element.
get form(): HTMLFormElementReturns HTMLFormElement
Methods
Section titled "Methods"Removes focus from the button.
blur(): voidReturns void
click
Section titled "click"Simulates a mouse click on the element
click(): voidReturns void
focus
Section titled "focus"Sets focus in the button.
focus(options: FocusOptions): voidParameters
- options:
FocusOptions