Home
Theme
Docs
M3 Svelte
GitHub
Discord
Implements the Material 3 design system in Svelte, cleanly, robustly, and across disciplines.
Now injecting globals
Smallest CSS yet
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
Alpha
Beta
Charlie
FAB
<
>
Primary container
Normal
<
>
Icon only
Card
<
>
Elevated
Not clickable
Hello
List
<
>
1 line
<
>
<div>
Hello
Hello
Menu
No icons
Alpha
Beta
Charlie
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
Thinner
Percent
10%
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
Date field
<
>
Filled
Not errored
Enabled
Date
Tabs
<
>
Primary
No icons
Fixed
Hello
World
The longest item
Nav for C/M/L/X
<
>
Auto
Alpha
Beta
Charlie
UI transitions
<
>
X
Alpha
Layer
Icons
24px
