Atlas CSS theme specimens
Every component of @diligentcorp/atlas-theme-css. Built from e4fc1f6.
AI
- Welcome message AI chat greeting
Data display
- Avatar Person or entity image
- Avatar group Stacked avatars with overflow
- Badge Notification counts
- Chip Tags, filters, citations
- Collapsible text Show more or less text
- Divider Content separator
- List Rows of items
- Popover Anchored contextual panel
- Status indicator State labels
- Table Rows and columns of data
- Tooltip Hover hints
Feedback
- Alert Inline status messages
- Dialog Modal window
- Loading indicator Progress bars and spinners
- Toast Temporary notifications
Inputs
- Button Triggers actions
- Checkbox Multiple-choice selection
- Dropdown Select from a list
- Floating toolbar Contextual floating actions
- Form field Label, help and errors
- Input Text entry
- Radio button Single-choice selection
- Toggle On/off switch
- Toggle button Pressed or unpressed button
Navigation
- Breadcrumbs Page hierarchy trail
- Footer Bottom action bar
- Global navigation Platform header and side navigation
- Menu Action list on a trigger
- Page header Page title and actions
- Pagination Page through results
- Section header In-page section title
- Side sheet Sliding side panel
- Stepper Multi-step progress
- Tabs Switch between views
Surfaces
Templates
- Page App page with global navigation, page header and sections