List
Lists are continuous, vertical indexes of text or images
Basic
A basic list of items with vs-title
and vs-subtitle
.
One text
Another text
A little text
Some more text
Even more text
Another little text
Header
A vs-list-header
separator with custom vs-color
.
Group 1
Item 1.1
Item 1.1
Item 1.2
Item 1.2
Group 2
Item 2.1
Item 2.1
Item 2.2
Item 2.2
Icon
The list items and the headers can have a vs-icon
as well.
TIP
Vuesax use the Google Material Icons font library. For a list of all available icons, visit the official Material Icons page.
Item 1.1
Item 1.1
Item 1.2
Item 1.2
Item 2.1
Item 2.1
Item 2.2
Item 2.2
Content
You can add custom content to the item. It will be pushed to the right side.
Item 1.1
Item 1.1
Item 1.2
Item 1.2
Item 2.1
Item 2.1
Item 2.2
Item 2.2
Avatar
You can implement an avatar in the list with the slot="avatar"
and there is put the component vs-avatar
Group 1
Item 1.1
Item 1.1
V
Item 1.2
Item 1.2
Group 2
Vue
Item 2.1
Item 2.1
Item 2.2
Item 2.2