Skip to content Wolf-Rayet

Thesis Get started Foundations Components

Forms and inputs

Button Button group Icon button Link button Link icon button Split button Calendar Checkbox Comment Date time picker Dropdown menu Focus ring Form Radio Range Select Text area Text field Toggle

Images and icons

Avatar Avatar group Icon Image Logo Object Tile

Labels

Badge Date label Lozenge Tag

Layout and structure

Page Page header Panel Accordion

Loading

Progress bar Skeleton Spinner

Messaging

Banner Empty state Flag Inline message Modal dialog Section message Spotlight

Navigation

Breadcrumbs Link Menu Navigation system Pagination Tabs

Overlays and layering

Blanket Drawer Inline dialog Popup Tooltip

Status indicators

Meter Progress indicator Progress tracker

Text and data display

Code Dynamic table Heading Inline edit Table Table tree Visually hidden

Logo

A logo is a visual representation of a brand or app.

Examples Code Usage Changelog

0.1.019 September 2026

addedFirst release.