Skip to main navigationSkip to main content
Return to Sky UI homepage

Icon List - Overview

View on FigmaView on GitHub

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