Home
Theme
Docs
M3 Svelte
GitHub
Discord
Implements the Material 3 design system in Svelte, cleanly, robustly, and across disciplines.
Tokens are shakeable
Now using functions and mixins
Button
<
>
Filled
<
>
Click
Round
<
>
No icon
<
>
Small
Enabled
Hello
Connected buttons
<
>
Filled
Multi-select
<
>
Small
Alpha
Beta
Charlie
Split button
<
>
Filled
<
>
Inner down
<
>
No icon
Hello
Hi
Howdy
G'day
FAB
<
>
Primary container
<
>
Normal
Card
<
>
Elevated
Not clickable
Hello
List
<
>
1 line
<
>
<div>
Hello
Hello
Menu
No icons
Cut
Undo
Redo
Bottom sheet
Open
Dialog
Open
Hello
Anything is possible at ZomboCom! You can do anything at ZomboCom! The infinite is possible at ZomboCom! The unattainable is unknown at ZomboCom!
OK
Snackbar
Show
Checkbox
Enabled
Chip
<
>
Input
<
>
No icon
Enabled
Hello
Progress
<
>
Linear
Default
10
Estimate
Loading
Raw
Radio
<
>
Animation 1
Enabled
Select
<
>
Filled
No icons
Enabled
Alpha
Beta
Charlie
Select
Slider
<
>
Continuous
<
>
Extra small
Enabled
Horizontal
Endstops
10
Switch
<
>
Checked icon
Enabled
Text field
<
>
Filled
<
>
Text
No leading icon
No trailing icon
Not errored
Enabled
Field
Tabs
<
>
Primary
No icons
Fixed
Hello
World
The longest item
Date field
<
>
Filled
Not errored
Enabled
Date
UI transitions
<
>
X
Alpha
Icons
24px
