Button

Variant

Size

Elevation

Elevation Raised

Rounded

Direction

Uppercase

Animate

Background

BackToTop

— BackToTop

— ModeToggle

— CopyButton

Svelte

<Button>Accent</Button>
<Button palette="tone">Neutral</Button>
<Button palette="error">Delete</Button>
<Button palette="success">Confirm</Button> 

API

Prop	Type	Default
variant	`"flat" \| "outlined" \| "ghost" \| "naked"`	`"flat"`
palette	`"accent" \| "tone" \| "neutral" \| "error" \| "warning" \| "success" \| "info"`	`"accent"`
size	`"sm" \| "md" \| "lg"`	`"md"`
elevation	`"none" \| "subtle" \| "hard"`	`"none"`
raised	`boolean`	`false`
uppercase	`boolean`	`false`
animate	`"left" \| "right" \| "top" \| "bottom"`	`undefined`
active	`boolean`	`false`
rounded	`boolean`	`false`
direction	`"row" \| "column"`	`"row"`
aria_label	`string`	`undefined`
href	`string`	`undefined`
onclick	`() => void`	`undefined`
children	`Snippet`	`—`

Prop variant

Type "flat" | "outlined" | "ghost" | "naked"

Default "flat"

Prop palette

Default "accent"

Prop size

Type "sm" | "md" | "lg"

Default "md"

Prop elevation

Type "none" | "subtle" | "hard"

Default "none"

Prop raised

Type boolean

Default false

Prop uppercase

Type boolean

Default false

Prop animate

Type "left" | "right" | "top" | "bottom"

Default undefined

Prop active

Type boolean

Default false

Prop rounded

Type boolean

Default false

Prop direction

Type "row" | "column"

Default "row"

Prop aria_label

Type string

Default undefined

Prop href

Type string

Default undefined

Prop onclick

Type () => void

Default undefined

Prop children

Type Snippet

Default —

BackToTop

Prop	Type	Default
variant	`"flat" \| "outlined"`	`"flat"`
palette	`"accent" \| "tone" \| "neutral" \| "error" \| "warning" \| "success" \| "info"`	`"accent"`
size	`"sm" \| "md" \| "lg"`	`"sm"`
elevation	`"none" \| "subtle" \| "hard"`	`"none"`
raised	`boolean`	`false`
uppercase	`boolean`	`false`
animate	`"left" \| "right" \| "top" \| "bottom"`	`undefined`
rounded	`boolean`	`false`
position	`"left" \| "right"`	`"right"`
children	`Snippet`	`—`

Prop variant

Type "flat" | "outlined"

Default "flat"

Prop palette

Default "accent"

Prop size

Type "sm" | "md" | "lg"

Default "sm"

Prop elevation

Type "none" | "subtle" | "hard"

Default "none"

Prop raised

Type boolean

Default false

Prop uppercase

Type boolean

Default false

Prop animate

Type "left" | "right" | "top" | "bottom"

Default undefined

Prop rounded

Type boolean

Default false

Prop position

Type "left" | "right"

Default "right"

Prop children

Type Snippet

Default —

ModeToggle

Prop	Type	Default
mode	`"light" \| "dark"`	`"dark"`
onchange	`(mode: Mode) => void`	`undefined`
variant	`"flat" \| "outlined"`	`"flat"`
palette	`"accent" \| "tone" \| "neutral" \| "error" \| "warning" \| "success" \| "info"`	`"accent"`
size	`"sm" \| "md" \| "lg"`	`"sm"`
elevation	`"none" \| "subtle" \| "hard"`	`"none"`
raised	`boolean`	`false`
uppercase	`boolean`	`false`
animate	`"left" \| "right" \| "top" \| "bottom"`	`undefined`
rounded	`boolean`	`false`
position	`"left" \| "right"`	`"right"`

Prop mode

Type "light" | "dark"

Default "dark"

Prop onchange

Type (mode: Mode) => void

Default undefined

Prop variant

Type "flat" | "outlined"

Default "flat"

Prop palette

Default "accent"

Prop size

Type "sm" | "md" | "lg"

Default "sm"

Prop elevation

Type "none" | "subtle" | "hard"

Default "none"

Prop raised

Type boolean

Default false

Prop uppercase

Type boolean

Default false

Prop animate

Type "left" | "right" | "top" | "bottom"

Default undefined

Prop rounded

Type boolean

Default false

Prop position

Type "left" | "right"

Default "right"

CopyButton

Prop	Type	Default
to_copy	`string`	`undefined`
variant	`"ghost" \| "outlined"`	`"ghost"`
palette	`"accent" \| "tone" \| "neutral" \| "error" \| "warning" \| "success" \| "info"`	`"tone"`
size	`"sm" \| "md" \| "lg"`	`"sm"`
rounded	`boolean`	`false`

Prop to_copy

Type string

Default undefined

Prop variant

Type "ghost" | "outlined"

Default "ghost"

Prop palette

Default "tone"

Prop size

Type "sm" | "md" | "lg"

Default "sm"

Prop rounded

Type boolean

Default false