COMPONENTS / 02

A clear next step.
Every time.

Five appearances, one consistent feel. Give each action the emphasis it deserves.

A purposeful palette

Semantic colors, powered by your theme tokens.

Primary

The main action. Confident, not loud.

Secondary

An alternative path, with a lighter touch.

Action

A helpful action, right where you need it.

Danger

Destructive actions deserve a clear signal.

Success

Positive intent. A satisfying finish.

When an action needs to wait

Disabled controls retain their hierarchy, without inviting interaction.

EXPLICIT INTENT

<FsButton OnClick="Save">Save changes</FsButton>
<FsButton Type="submit">Submit form</FsButton>
<FsButton Appearance="FsAppearance.Danger">Delete</FsButton>

A clear next step.Every time.

A purposeful palette

When an action needs to wait

A clear next step.
Every time.