Components

Full parity with Norway's Designsystemet component set — 39 components plus the typography primitives — every one held to WCAG AAA.

• Alert — Prominent inline messages — info, success, warning, danger.
• Avatar — A person marker — initials or photo.
• Avatar stack — Overlapping avatars summarizing a group.
• Badge — A small count attached to another element.
• Breadcrumbs — Where you are, and the path back up.
• Button — Primary, secondary and danger actions at a guaranteed 44px target.
• Card — A bordered content container, usually in a grid of peers.
• Checkbox — Native checkboxes at a comfortable size, grouped in fieldsets.
• Chip — Interactive filter pills — toggles or links, never mere decoration.
• Date picker — The native date input — deliberately.
• Details — Expand/collapse for secondary content — native, no JavaScript.
• Dialog — A modal built on the native dialog element.
• Divider — A horizontal rule for separating content regions.
• Dropdown — A disclosure menu of actions or links.
• Error summary — A focusable digest of everything wrong with a submitted form.
• Field — The wrapper that composes label, hint, control and validation.
• Fieldset — Groups related controls under one legend.
• File upload — The native file input with an accessible, styled trigger.
• Heading — Page and section titles in four sizes, decoupled from heading level.
• Input — Single-line text entry, 44px tall, with clear borders and focus.
• Label — Form labels with optional hint text, always visible and always attached.
• Link — Underlined, high-contrast links that never rely on color alone.
• List — Ordered, unordered and unstyled lists with readable spacing.
• Pagination — Numbered page navigation with previous/next.
• Paragraph — Body text with a readable measure, plus lead and small variants.
• Popover — A small overlay of supplementary content, built on the Popover API.
• Radio — Native radio groups for one-of-several choices.
• Search — A labeled search input with an always-visible submit button.
• Select — The native dropdown, styled — because native is the accessible one.
• Skeleton — A static placeholder for content that's still loading.
• Skip link — The first focusable element on every page — jump straight to content.
• Spinner — An in-progress indicator, always paired with text.
• Suggestion — Type-to-filter over a known list — an ARIA 1.2 combobox.
• Switch — An instant on/off — a checkbox with switch semantics and a text state.
• Table — Data tables with captions, header scope, and an accessible scroll region.
• Tabs — Switch between related panels — full WAI-ARIA tabs pattern.
• Tag — Non-interactive labels for status and classification.
• Textarea — Multi-line text entry that users can resize.
• Textfield — Label + hint + input + validation, composed — the everyday form row.
• Toast — A brief, polite confirmation that something worked.
• Toggle group — An exclusive choice presented as segmented buttons — radios underneath.
• Tooltip — A short text hint on hover or focus — 1.4.13 compliant.
• Validation message — Field-level error text tied to its input, marked by more than color.