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 / Card

Card

Groups content only when a meaningful surface improves ownership or separation.

Flat

Subtle

Bordered

Elevated