SOUS Portal design system

Foundations Components Patterns Screens

ActionsButton

Fields and formsInput Search field Textarea Select Form Label Stepper Calendar Draft Editor

Selection controlsCheckbox Radio Group Switch Segmented Control Selection Card

NavigationTabs Chip Breadcrumb App shell

Feedback and statusBadge Alert Progress Sonner Spinner Skeleton Alert Dialog

Overlays and menusDropdown Menu Tooltip Popover Command Dialog Sheet

Data displayCard Metric chart Table Carousel Media Hover Ring

Layout and surfacesSeparator Collapsible

Components / Badge

Badge

Displays compact passive labels in rounded, pill and backgroundless forms.

Rounded

LabelLabelLabelLabelLabelLabelLabel

Pill

LabelLabelLabelLabelLabelLabelLabel

No background

Label