Gå til hovedinnhold
KOMPONENTER

Flytende knapper

Flytende knapper er ikonknapper med eller uten tekst, og brukes for å trigge hovedfunksjonaliteten på en side.

Komponenter

FloatingButton

NavnTypePåkrevd?Default-verdiBeskrivelse
aria-labelstring

Beskrivende tekst for skjermlesere

childrenReactNode

Ikon eller ikon-og-tekst

classNamestring

Ekstra klassenavn

onClick(e: MouseEvent<HTMLButtonElement, MouseEvent>) => void

Callback når knappen klikkes

size"small" | "medium" "medium"

Størrelse på knappen

<FloatingButton /> kan ha et ikon, eller ikon og tekst. Ikonet kan være til venstre eller til høyre for teksten.

Denne typen knapp bør være "sticky" på toppen av eksisterende innhold, men denne posisjoneringen må du gjøre selv - enten ved hjelp av en CSS-klasse, eller med inline styles:

<FloatingButton
  {...otherProps}
  style={{ position: 'fixed', top: '1em', right: '1em' }}
/>

Du bør ha en eller maks to av disse på en side, siden de er veldig dominerende.