BaseList

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

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

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

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

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
This component has no props
title
The title of the list item.
Show example
subtitle
The subtitle of the list item.
Show example
#default
Show example
#title
Show example
#subtitle
Show example
#end
Show example