Components

Commonly used components in website and app design with elements including accordions, alerts, buttons, dialogs, list-groups, and popovers.

Accordions

Native HTML accordion styles for grouped <details> disclosure elements.

Basic dismissable and non-dismissable alerts container style utilities.

A basic badge utility style for simple inline notifications or content notes.

Basic button utilities including size modifiers, button group utilities and pagination styles.

Basic container styles for creating basic cards including a link card component.

Stylised native HTML <dialog> modals with light-dismiss and transition animation styles.

Dropdown styles for <details> disclosure element content with light-dismiss functionality.

List group components for standard ordered, unordered and definition list types.

Stylised native HTML [popover] modals with transition animation styles.

A manual theme switch component for optional light or dark mode viewing.