Documentation

Unordered list

Use the BaseList component to display an unordered list. Everything has default styling, so you don't have to worry about it.

  • Finish project UX
  • Meet with Andy at 3:00pm
  • Get groceries for Anna
  • Pay water bill
Show code
vue

Ordered list

Use the BaseList component to display an ordered list. Everything has default styling, so you don't have to worry about it.

  1. Finish project UX
  2. Meet with Andy at 3:00pm
  3. Get groceries for Anna
  4. Pay water bill
Show code
vue

Subtitle list

Use the BaseListItem component inside a BaseList to display more complex list layouts. This one uses the title and the subtitle props to display a subtitles list item.

  • Finish project UX

    Close resubing pending tasks

  • Meet with Andy at 3:00pm

    Meeting about next project steps

  • Get groceries for Anna

    In preparation of next Friday's party

  • Pay water bill

    Bill must be paid before next Tuesday

Show code
vue

Icon list

Use the BaseListItem component inside a BaseList to display more complex list layouts. This one uses the default slot display an icon list item.

  • Finish project UX

    Close resubing pending tasks

  • Meet with Andy at 3:00pm

    Meeting about next project steps

  • Get groceries for Anna

    In preparation of next Friday's party

  • Pay water bill

    Bill must be paid before next Tuesday

Show code
vue

Avatar list

Use the BaseListItem component inside a BaseList to display more complex list layouts. This one uses the default slot display an avatar list item.

  • Finish project UX

    Close resubing pending tasks

  • Meet with Andy at 3:00pm

    Meeting about next project steps

  • Get groceries for Anna

    In preparation of next Friday's party

  • Pay water bill

    Bill must be paid before next Tuesday

Show code
vue
This component has no props
vue
subtitle
The subtitle of the list item.
Show example
vue
title
The title of the list item.
Show example
vue
#default
This slot has no inherted props
Show example
vue
#title
This slot has no inherted props
Show example
vue
#subtitle
This slot has no inherted props
Show example
vue
#end
This slot has no inherted props
Show example
vue