Komponenter
Designsystemet inneholder grunnleggende komponenter som kan settes sammen for å bygge brukergrensesnitt i Flutter-applikasjoner.
Alert
Varselboks med alvorlighetsgrader.
Avatar
Brukeravatar med bilde eller initialer.
AvatarStack
Stabel av avatarer for gruppevisning.
Badge
Merke for telling eller statusindikasjon.
Breadcrumbs
Brødsmulesti for hierarkisk navigasjon.
Button
Knapp med tre varianter og støtte for ikon, lastetilstand og deaktivert tilstand.
Card
Kort med valgfrie underseksjoner.
Checkbox
Avkrysningsboks med støtte for ubestemt tilstand.
Chip
Kompakt element for filtrering eller valg.
Details
Utvidbart innholdspanel.
Dialog
Dialogvindu for bekreftelser og skjemaer.
Divider
Skillelinje.
Dropdown
Nedtrekksmeny med valgmuligheter.
ErrorSummary
Sammendrag av skjemafeil.
Field
Skjemafelt med etikett, beskrivelse og feilmelding.
Fieldset
Gruppering av relaterte skjemaelementer.
Heading
Overskrift med støtte for ulike nivåer.
Input
Grunnleggende inndatafelt.
Label
Etikett for skjemaelementer.
Link
Lenke med Designsystemet-styling.
List
Liste med punkter eller nummerering.
Pagination
Sidenavigasjon for paginerte lister.
Paragraph
Avsnitt med Designsystemet-typografi.
Popover
Flytende innholdspanel utløst av brukerinteraksjon.
Radio
Radioknapp for enkeltvalg i gruppe.
Search
Søkefelt med forslag.
Select
Velgerliste for enkeltvalg.
Skeleton
Plassholder for innhold som lastes.
SkipLink
Hopp-til-hovedinnhold-lenke for tastaturnavigasjon.
Spinner
Lastindikator.
Suggestion
Forslagskomponent for autofullføring.
Switch
Av/på-bryter.
Table
Tabell for strukturert datavisning.
Tabs
Fanenavigasjon for å veksle mellom innholdsvisninger.
Tag
Etikett for kategorisering.
Textarea
Tekstområde for flerlinjes inndata.
Textfield
Tekstfelt for enlinjes inndata.
ToggleGroup
Gruppert veksleknapper for enkeltvalg.
Tooltip
Verktøytips for tilleggsinformasjon.
ValidationMessage
Valideringsmelding for skjemafelt.