tuix-icon-button
Ein quadratischer Button, dessen ganze Beschriftung ein Icon ist.
tuix-icon-button ist tuix-button mit einem Icon
anstelle der Beschriftung: dieselben Varianten, dieselben Zustände, dasselbe
Event.
Komponenten werden geladen…
Varianten
Komponenten werden geladen…
Das Icon ist immer 24px gross; das Padding schrumpft mit dem Viewport: 16px, 12px unter 1280px, 8px unter 640px.
Klicks
Wie der Button feuert er customClick, nicht click.
Komponenten werden geladen…
API
Properties
| Property | Attribut | Typ | Standard | Beschreibung |
|---|---|---|---|---|
icon | icon | IconName | arrow-down | Das gezeichnete Icon, immer 24px |
variant | variant | MainVariant | primary | primary ist gefüllt, secondary hat eine Kontur |
disabled | disabled | boolean | false | Graut den Button aus und blockiert customClick |
dark | dark | boolean | false | Dunkle Palette |
Events
| Event | Detail | Wann |
|---|---|---|
customClick | Keine | Der Button wird geklickt und ist nicht disabled. Bubbelt |
Barrierefreiheit
Der Button hat keinen Text, der zugängliche Name kommt deshalb von aussen: