VivaBox UI

Style guide

Guide Patterns Analytics Components Theme Studio

Components

Overview Button Badge Input Dropdown Field Select Multi-select Dialog Search Drawer Accordion Alert Date field Phone input Form controls Overlays Data display Navigation & misc Map Audit trail

Overview Button Badge Input Dropdown Field Select Multi-select Dialog Search Drawer Accordion Alert Date field Phone input Form controls Overlays Data display Navigation & misc Map Audit trail

Badge

Compact status and label chips used in tables, filters, and headers.

Variants

DefaultSecondaryOutlineDestructive

Status colours

ActiveInvitedSuspended