Spinner

Brukes for å indikere at noe laster.

Komponenten er klar til testing, men ikke ferdig

Komponenten har blitt utarbeidet nok til at det ikke kommer store endringer, men trenger å bli testet for å avdekke behov. Gi tilbakemelding om noe lugger eller mangler.

Breaking changes varsles i endringsloggen som patches, ikke som major oppdateringer, for å unngå versjonsinflasjon.

Send innspill

Test props


Eksempler

Størrelser

<Stack gap="md" flexDirection="column">
  <Spinner size="2xs" />
  <Spinner size="xs" />
  <Spinner size="sm" />
  <Spinner size="md" />
  <Spinner size="lg" />
  <Spinner size="xl" />
  <Spinner size="2xl" />
  <Spinner size="3xl" />
  <Spinner size="4xl" />
  <Spinner size="5xl" />
  <Spinner size="6xl" />
  <Spinner size="7xl" />
  <Spinner size="8xl" />
</Stack>

Retningslinjer

Bør kun brukes dersom lasting tar lenger enn ett sekund.

Kode

<Spinner />

import { Spinner } from '@aneo-org/design-react';
PropTypeBeskrivelse
sizefontSize-tokenBestemmer størrelsen. Korresponderer til fontstørrelse-tokens.