Svelte Material UI


npm i -D @smui/list
  • Cut
  • Copy
  • Paste
  • Delete
Clicked: nothing yet
A dense list with graphics
  • edit Edit
  • send Send
  • archive Archive
  • clear Delete
Clicked: nothing yet
A non-interactive list with activated item
  • Thing 1
  • Thing 2
  • Thing 3
  • Thing 4
A two-line single selection list with avatars, disabled item, and meta
  • Bruce Willis Actor info
  • Austin Powers Fictional Character info
  • Thomas Edison Inventor info
  • Stephen Hawking Scientist info
Selected: Stephen Hawking, value of selectedIndex: null
A three-line list
  • FruitPhone 11 $1,100 A beautiful phone with good specs.
  • Addition Phone $700 Pretty much the same phone, but a different brand name and OS.
A list group


  • Bruce Willis
  • Tom Hanks
  • Jack Nicholson
  • Leonardo DiCaprio
  • Matt Damon


  • To Kill a Mockingbird
  • The Great Gatsby
  • 1984
  • Catch-22
  • Alice's Adventures in Wonderland
Clicked: nothing yet
A radio list
Selected: Tom Hanks
A check list with trailing checkboxes
Selected: Tom Hanks