Shield UI

List

List are used to display collection of data in an arranged way. There are two list provided spaced and stacked list.

Individual usage

  • Html
  • Css
  • Javascript
  • React
  • Typescript

This is a spaced list.These are used for top navigation, footer navigation etc.

Default :spaced

Conatainer class :list

Item class : list-item

  • Html
  • Css
  • Javascript
  • React
  • Typescript

This is a stacked list.These are used for side menu or side navigation, listing content etc.

Default :spaced

Conatainer class :list list-stacked

Item class : list-item