Overview
Foundations
Components
Patterns
Content
Components
Overview
Foundations
Components
Patterns
Content
Loading
Feedback
Accordion
Action Menu
Announcement
Avatar
Badge
Banner
Breadcrumb
Box
Button
Button group
ClickToCopy
Datepicker
Labels
Links
Popover
Segmented control
Tab
Toast
Tooltip
Inputs
Input - Checkbox
Input - File Dropzone
Input - Inline edit
Input - JSON
Input - Multi-select
Input - Radio Group
Input - Range slider
Input - Search
Input - Select
Input - Text area
Input - Text field
Input - Toggle
Input - WYSIWYG
Compositions
Card
List
Modal
Pagination
Slide over
Take over
Thumbnails
Table
Tree view
Badge
Badges are used to inform the status of an item or an action that's been taken
Design
Code
Code
Badge (interactive)
Storybook failed to load. Please connect to the VPN to access.
AI Badge
Storybook failed to load. Please connect to the VPN to access.
BETA Badge
Storybook failed to load. Please connect to the VPN to access.
BOSS Badge
Storybook failed to load. Please connect to the VPN to access.
Counter Badge
Storybook failed to load. Please connect to the VPN to access.
Status badge
Storybook failed to load. Please connect to the VPN to access.
Badge
Design
Banner
Design
Contents
Code
Badge (interactive)
AI Badge
BETA Badge
BOSS Badge
Counter Badge
Status badge