List

List styles follow predefined typography combinations so structured text stays readable and aligned with paragraph body styles.

When to use list

List styles are used for structured content such as bullets, numbered steps, and grouped information. They should align with paragraph body styles so lists feel consistent within reading content.

Style namePreviewWhen to useSGDS tailwind token
Unordered list item
Default

Unordered list item

Related items where sequence does not matter.

sgds:text-body-mdsgds:font-regularsgds:leading-xssgds:tracking-normal
Ordered list item

Ordered list item

Steps, rankings, or information where sequence matters.

sgds:text-body-mdsgds:font-regularsgds:leading-xssgds:tracking-normal
Unstyled list item

Unstyled list item

Lists that need semantic structure without bullets or numbers.

sgds:text-body-mdsgds:font-regularsgds:leading-xssgds:tracking-normal

Singapore Government Design System

The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.