Basics

Basic components

Reusable building blocks for interfaces: actions, forms, content containers, and feedback.

Buttons

Action hierarchy, sizing, and states for common WAfM workflows.

Short, non-interactive labels for status, category, or supporting metadata.

Fields and selection controls for collecting input and changing settings.

Group related content and actions in a shared surface.

Semantic tables with sortable column headings and responsive overflow.

Accessible task completion with labelled tracks and values.

Switch between related views within the same context.

Communicate outcomes, important status, and recovery steps.

Temporary feedback and actionable notifications for assessment events.

Represent participants with individual and grouped identities.

Provide supplementary detail on hover or keyboard focus.