Lists are used for grouping a collection of related items. In HTML there are three types:
- unordered list — for items in no particular order.
- ordered list — for items in a specific order.
- description list — for descriptions.
Component
List
47 examples
List
A11Y Style Guide
- Code examples
- Usage guidelines
- Accessibility
Description list
Ant Design
Ant Financial
- Code examples
- Accessibility issues
List
Ant Design
Ant Financial
- Code examples
- Accessibility issues
Keyword list
Australian Government Design System
- Usage guidelines
- Code examples
- Accessibility
List
Barnardo’s Design System
- Code examples
- Research
- Usage guidelines
- Tone of voice
List
Base Web
Uber
- Code examples
- Usage guidelines
Block list
Bolt Design System
- Tone of voice
- Code examples
List
Bolt Design System
- Tone of voice
- Code examples
Ordered list
Bolt Design System
- Tone of voice
- Code examples
Unordered list
Bolt Design System
- Tone of voice
- Code examples
List group
Bootstrap
- Accessibility
- Code examples
List
Brighton & Hove City Council Website pattern library
Comparison list
Brighton & Hove City Council Website pattern library
List
Carbon Design System
IBM
- Code examples
- Usage guidelines
List
Cedar
Recreational Equipment, Inc.
- Usage guidelines
- Code examples
List
Chakra UI
- Accessibility
- Code examples
List
Clarity Design System
VMware
- Code examples
- Usage guidelines
Description list
eBay MIND Patterns
- Accessibility
- Usage guidelines
Description list
Elastic UI framework
Elastic
- Code examples
List
FutureLearn design system
FutureLearn
- Usage guidelines
- Tone of voice
List
giffgaff design system
- Usage guidelines
- Code examples
List
ICS Design System
IBM Collaboration Solutions
- Usage guidelines
- Accessibility
- Tone of voice
InlineList
Instructure-UI
Instructure
- Code examples
- Accessibility
List
Instructure-UI
Instructure
- Code examples
- Accessibility
List
Mailchimp design system
- Code examples
List
Momentum Design
Cisco
- Code examples
- Usage guidelines
Lists
Mozilla Protocol
- Usage guidelines
Ordered :ost
NewsKit
News Corp
- Code examples
- Usage guidelines
Unordered List
NewsKit
News Corp
- Code examples
- Usage guidelines
Contents list
NHS Digital service manual
- Code examples
- Usage guidelines
- Research
- Tone of voice
Do and Don't list
NHS Digital service manual
- Code examples
- Usage guidelines
- Research
- Tone of voice
Summary list
NHS Digital service manual
- Code examples
- Usage guidelines
- Research
- Tone of voice
Metadata
ONS Design System
Office for National Statistics
- Code examples
- Usage guidelines
- Accessibility
List
Oxygen
Repsol
- Code examples
- Usage guidelines
List
Paste
Twilio
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
List
Polaris
Shopify
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
Bullet List
Ruter Components
- Code examples
Description List
Ruter Components
- Code examples
Number List
Ruter Components
- Code examples
List
SEB Design Library
Skandinaviska Enskilda Banken
- Code examples
- Usage guidelines
Bullet List
Seek style guide
- Code examples
Dictionary
Spark Design System
Quicken Loans
- Usage guidelines
- Code examples
List
Spark Design System
Quicken Loans
- Usage guidelines
- Code examples
List
Thumbprint
Thumbtack
- Code examples
List
uStyle
uSwitch
- Tone of voice
- Code examples
- Usage guidelines
Numbered list
uStyle
uSwitch
- Tone of voice
- Code examples
- Usage guidelines
Ticked list
uStyle
uSwitch
- Tone of voice
- Code examples
- Usage guidelines