Button

A component that triggers actions across forms, flows, and app surfaces.

The Button Component

Basic Usage

Code Snippet

<script lang="ts">	import { Button } from '$lib/components';</script> <Button rightIcon="arrow-right">Continue</Button>

Examples

Roles

Match button tone to the intent of the action.

Variants

Shift emphasis without changing the action itself.

Sizes

Scale the control for dense rows or primary callouts.

Icons

Add direction, status, or compact actions when needed.

States

Use loading and disabled states to guard the action.