Module 05: Data Display
Presenting information clearly and effectively.
Catalyst provides specialized components like Table, DescriptionList, and Badge for reading-heavy interfaces.
1. Description List
Use DescriptionList to display key-value pairs, such as detailed object properties.
- Full Name
- Margot Foster
- Application for
- Backend Developer
- Email address
- margotfoster@example.com
- Salary expectation
- $120,000
2. Table & Badge
Use Table for collections of data. Combine with Badge for status indicators and Avatar for users.
| User | Role | Status |
|---|---|---|
Lindsay Walton | Front-end Developer | Active |
Courtney Henry | Designer | Offline |
Tom Whitney | Director | Busy |
3. Pagination
Use standard pagination controls for long lists.