Component Library

Canonical UI primitives and shared controls available for use across the site.

Buttons
Inputs
Dialogs
Selection controls
Cards
Status
Tabs
Navigation utilities

Buttons

Primary, outline, ghost, and compact size.

Status

Alert and badge patterns for inline state communication.

Changes saved successfully.
Unable to save. Please retry.
Active
Draft

Form Inputs

Current defaults for input, select, textarea, and labels.

Selection Controls

Checkbox and switch for boolean state controls.

Auto-activate new version

Deactivate prior active version on publish.

Tabs

Canonical page-level split for parallel workflows.

Define permission bundles and role templates.

Navigation Utilities

Shared breadcrumb and inline helper tooltip patterns.

Admin/Waivers/Create
Back
Waiver version namingUse a date-based version such as YYYY-MM for traceability.

Dialog

Modal pattern used for create/edit flows with backdrop.

Card Composition

Standard header/content/footer composition and spacing.

Cards are the base container for nearly all admin sections.

Use header for framing, content for fields/data, and footer for actions.

Token Samples

Quick visual check for primary color tokens in use.

Ink

text-ink

#022B3A

Rink

text-rink

#1F7A8C

Mist

bg-mist

#BFDBF7

Cloud

bg-cloud

#E1E5F2

Ice

bg-white

#FFFFFF