HHS Styleguide
← Back to site

Buttons & CTAs

All variants use the base-cta base class from global.css composed with an appearance class and a size class. Rendered via the LinkButton React component.

Appearances · Medium size

PrimarySecondaryTertiarySubmitDisabledDestructive

Sizes · Primary appearance

small Button
medium Button
large Button

Raw HTML classes

Direct CSS class composition without the LinkButton component

Primary Secondary Tertiary

With external link icon

newTab=true renders an ExternalLink icon via LinkButton

Full width

Block-level CTA