Component demos

Every demo on these pages is the real component from the Halyard web app, imported directly from the frontend codebase and hydrated as a live React island — not a screenshot or a re-implementation. When the app’s components change, these demos change with them.

Buttons

The Button component with its variants, sizes, icons, and loading state:

Variants

PrimarySecondaryDangerGhost

Sizes

SmallMediumLarge

With icons & loading

New issueOpen PRSaving…Disabled

See also: Status & feedback, Forms, Overlays, and Data display.