List

The List component enables user to present data in an organized and structured format.

Default List

  1. First item
  2. Second item
  3. Third item
  4. Fourth item
  5. Fifth item

List With Icon

  1. First item
  2. Second item
  3. Third item
  4. Fourth item
  5. Fifth item

Props

Explore the available props for the List component

PropTypeDefaultDescription
listarray-List array.
tagNamestringolHTML tag name.
iconstringfa-userIcon name for IconButton.
iconLibrarystringfont-awesomeIcon library name.
font-awesome bootstrap-icons icon-font
stylestring-Any CSS className to style the list wrapper.
listStylestring-Any CSS className to style the li element.
iconStylestring-Any CSS className to style the icon.