Svelte Pieces
docs
contributing
lib
actions
autofocus
clickoutside
longpress
portal
data
BadgeArrayEmit
Form
BadgeArray
functions
Copy
DetectUrl
HideOnScroll
IntersectionObserver
IntersectionObserverShared
ReactiveSet
Store
media
QrCode
shell
Header
Menu
Avatar
stores
persisted store
query param store
QueryParam
persisted
ui
ActionSheet
Badge
BottomSheet
Button
DataList
Modal
ResponsiveSlots
ResponsiveTable
Slideover
SplitPane
Switcher
Toasts
MultiSelect
ResponsiveSlideover
todo
routes
[...file]
sandbox
[...file]
Created with
Press "ctrl+b" to show/hide tree.
Button
Home
About
Settings
Terms
sm link
link
lg link
Outline link
filled link
Simple link
{#each colors as color}
alert('Clicked')} {color}>{color}
{color}
alert('Clicked')} {color} form="simple">{color}
{/each}
{}} color="white" form="filled" size="lg">filled white
await new Promise((resolve) => { console.log('Clicked'); setTimeout(resolve, 1000); })}>1-second Log click
alert('Should never show')} loading>Save
alert('Should never show')}>Disabled button
alert('Clicked')} size="lg">Alert me
console.log({ ctrlKey })}>Log click with Ctrl
Log In
Edit page in GitHub