Visually Button

Links

Implements Visually Button: Figma

Details

Can be rendered as any element using the elementName prop.

Using the icon prop renders the text as a label so it can still be picked up by screen readers.

Controls

Element name

Test ID

Supports disabled, wide and hasStackedIcon props.

Is disabled?

Is wide?

Has stacked icon?

Supports a spinner theme that requires the disabled prop to be toggled on.

Is it a spinner?

Complete

Cta

Cta Secondary

Cta Secondary White

Primary

Primary Destructive

Primary White

Secondary

Secondary White

Secondary Destructive

Tertiary

Tertiary Destructive

Fixed Tertiary

Waitlist

Waitlist Secondary