Marquee

Variant

Palette

Elevation

Orientation

Direction

Fade

Pause on hover

Rounded

Duration (s)

Repeat

Gap

Svelte TypeScript Vite SvelteKit ESLint Prettier Playwright

Usage

Svelte

<Marquee>
    <Badge>Svelte</Badge>
    <Badge palette="tone">TypeScript</Badge>
    <Badge palette="success">Vite</Badge>
    <Badge palette="info">SvelteKit</Badge>
    <Badge palette="warning">ESLint</Badge>
</Marquee> 

API

Prop	Type	Default
variant	`"flat" \| "outlined" \| "ghost"`	`"ghost"`
palette	`"accent" \| "tone" \| "neutral" \| "error" \| "warning" \| "success" \| "info"`	`"tone"`
elevation	`"none" \| "subtle" \| "hard"`	`"none"`
orientation	`"horizontal" \| "vertical"`	`"horizontal"`
direction	`"normal" \| "reverse"`	`"normal"`
duration	`number`	`25`
repeat	`number`	`1`
pauseOnHover	`boolean`	`true`
fade	`"none" \| "start" \| "end" \| "both"`	`"both"`
gap	`string`	`"1rem"`
rounded	`boolean`	`false`
children	`Snippet`	`required`

Prop variant

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

Default "ghost"

Prop palette

Default "tone"

Prop elevation

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

Default "none"

Prop orientation

Type "horizontal" | "vertical"

Default "horizontal"

Prop direction

Type "normal" | "reverse"

Default "normal"

Prop duration

Type number

Default 25

Prop repeat

Type number

Default 1

Prop pauseOnHover

Type boolean

Default true

Prop fade

Type "none" | "start" | "end" | "both"

Default "both"

Prop gap

Type string

Default "1rem"

Prop rounded

Type boolean

Default false

Prop children

Type Snippet

Default required