Tilbake til alle komponenter

IconButton

IconButton er en knapp med kun ikon. Krev alltid en aria-label som beskriver handlingen.

Viktig informasjon

Ikke bruk IconButton uten aria-label.

Props

Props
Prop
Type
Påkrevd
Standard
Beskrivelse
iconEgendefinertstringJaIkonnavnet (Material Symbol).
aria-labelARIAstringJaTilgjengelig navn for knappen.
onClickReactReact.MouseEventHandler<HTMLButtonElement>NeiKlikk-handler.
disabledNative HTMLbooleanNeifalseDeaktiverer knappen.
variantEgendefinert"ghost" | "primary"Nei"ghost"Visuell variant.

Eksempler

Ikonknapper

Vanlige ikonknapper. Legg alltid til aria-label.

TSX

Med verktøytips

Ikonknapp pakket inn i Tooltip for ekstra forklaring.

TSX

Handlingslinje i kort

Ikonknapper brukt som handlinger knyttet til et element.

TSX

Relaterte komponenter

Button

Button brukes til å utløse handlinger.

Icon

Icon rendrer Material Symbols-ikoner.