components library
All Designsystemet Flutter component widgets.
Classes
- DsAlert
- Severity-based notification banner for inline messages.
- DsAvatar
- A circular avatar that displays initials derived from name, or an image loaded from imageUrl with an initials fallback.
- DsAvatarStack
- Displays a horizontal stack of overlapping avatar widgets.
- DsBadge
- A numeric badge overlay positioned on a corner of its child widget.
- DsBreadcrumbs
- A breadcrumb navigation trail with slash-separated links.
- DsButton
- A Designsystemet button with primary, secondary, and tertiary variants.
- DsCard
- A container card with a border or elevation shadow.
- DsCardBlock
- A content block section for a DsCard with horizontal and vertical padding.
- Footer section for a DsCard, providing bottom-aligned padding.
- DsCardHeader
- Header section for a DsCard, providing top-aligned padding.
- DsCheckbox
- A Designsystemet checkbox with optional label, description, and error state.
- DsChip
- A pill-shaped chip with optional selection state and remove button.
- DsColor
- DsColorAccent
- DsColorBrand1
- DsColorBrand2
- DsColorBrand3
- DsColorCustom
- DsColorDanger
- DsColorInfo
- DsColorNeutral
- DsColorSuccess
- DsColorWarning
- DsDetails
- An expandable disclosure widget that toggles between a summary and its child content with a size transition animation.
- DsDialog
- Modal dialog with title, optional close button, and focus-trap management.
- DsDivider
- A horizontal or vertical divider line using the theme's border color.
- DsDropdown
- An overlay-based dropdown menu that appears below a trigger widget.
- DsDropdownItem
- A data model for a single item within a DsDropdown menu.
- DsErrorSummary
- A summary panel listing validation errors styled with danger colors.
- DsField
- Form field wrapper that composes a label, description, input, and validation message.
- DsFieldScope
- DsFieldset
- Groups related form controls under a visible legend label.
- DsIcons
- Curated icon set for the Designsystemet component library.
- DsInput
- Core text input component styled with Designsystemet tokens.
- DsLink
- A styled text link with underline that disappears on hover.
- DsList
- An ordered or unordered list of items with bullet or number markers.
- DsPagination
- A page navigation control with numbered page buttons and prev/next arrows.
- DsPopover
- An overlay popover anchored below a trigger widget.
- DsRadio
- A radio button with optional label and description.
- DsSearch
- A search input field with a magnifying-glass icon prefix.
- DsSelect
- A select control that opens a DsDropdown to choose from a list of string items. Supports placeholder text, error state, disabled, and read-only modes.
- DsSkeleton
- A placeholder loading indicator with a pulsing shimmer animation.
- DsSkipLink
- An accessibility skip-navigation link that is only visible when focused.
- DsSpinner
- An animated circular loading spinner.
- DsSuggestion
- A suggestion list panel for autocomplete-style selection.
- DsSwitch
- A toggle switch with an animated sliding thumb.
- DsTable
- A data table with a styled header row and body rows.
- DsTabs
- Tab bar with keyboard navigation and content panels.
- DsTag
- A small label tag with a tinted background and subtle border.
- DsTextarea
- A multi-line text input area built on DsInput.
- DsTextfield
- Single-line text input styled with Designsystemet tokens.
- DsToggleGroup
- A segmented toggle control where one item is selected at a time.
- DsTooltip
- A tooltip that appears above its child on mouse hover.
- LucideIcons
- Lucide Icons