List

  • John Doe
    john@example.com
  • Jane Smith
    jane@example.com
  • Bob Wilson
    bob@example.com
Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

additional CSS classes

bordered :boolean

add border and item separators

false
compact :boolean

compact spacing

false
dense :boolean

dense spacing (smaller than compact)

false
hoverable :boolean

show hover effects on items

false
two_line :boolean

two-line layout for title + subtitle

false
three_line :boolean

three-line layout for longer content

false
rest :global
Required item * :slot

List items

Show slot attributes Hide slot attributes
title :string

item primary text

subtitle :string

item secondary text

icon :string

Material Design icon name

active :boolean

highlight the item as active

disabled :boolean

disable the item

interactive :boolean

enable hover/focus effects

class :any

item CSS classes

<:item title="John Doe" icon="account">john@example.com</:item>
<:item title="Jane Smith" icon="account">jane@example.com</:item>
<:item title="Bob Wilson" icon="account">bob@example.com</:item>
subheader :slot

Optional section header