Components

Every component shipped by Nordstar, grouped by role. Click any card for the full reference: usage, variants, props, and accessibility notes.

Layout

• View
  A page-level layout wrapper.
• Header
  A site or section header with a logo slot and menu.
• Separator
  A thin rule that divides content visually or semantically.

Surfaces

• Card
  A bordered container that groups related content.
• Details
  A collapsible disclosure widget.
• Tooltip
  A floating label that explains an element on hover or focus.
• Accordion
  A vertically stacked set of collapsible sections.

Typography

• Heading
  Display titles for pages and sections.
• Label
  Small uppercase text used for captions and form labels.
• Accented
  Inline text with an accent color, used to draw the eye.
• Kbd
  A keyboard-key indicator for documenting shortcuts.

Controls

• Button
  An interactive control for triggering actions.
• Input
  A text or textarea form control with optional label.
• Switch
  A boolean toggle with an animated thumb.
• Select
  A dropdown for choosing one option from a list.
• DropdownMenu
  A menu of actions triggered by a button.