Return to Sky UI homepage

Purpose

Lists are used to organise a group of text vertically and make it easy to read and scan. They are a visually enhanced alternative to bullet and numbered lists.

Anatomy

The Icon List component can be broken down into the following elements -

  1. 1
  2. 2
  1. Leading icon

    A Skycon is used as a replacement for a bullet point.
  2. List items

    Text area for list items..

Variants & States

Size: Small, Medium, Large

Small

  • Icon list item
  • Icon list item
  • Icon list item

Medium

  • Icon list item
  • Icon list item
  • Icon list item

Large

  • Icon list item
  • Icon list item
  • Icon list item