- 1.5.0

List

  • Settings
  • Profile
    Edit your profile
  • Notifications
    Manage alerts
  • Security
    Password & 2FA
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

 
<:subheader>Settings</:subheader>
<:item title="Profile" icon="account">Edit your profile</:item>
<:item title="Notifications" icon="bell">Manage alerts</:item>
<:item title="Security" icon="shield-lock">Password & 2FA</:item>
subheader :slot

Optional section header

 
<:subheader>Settings</:subheader>
<:item title="Profile" icon="account">Edit your profile</:item>
<:item title="Notifications" icon="bell">Manage alerts</:item>
<:item title="Security" icon="shield-lock">Password & 2FA</:item>