Skip to content

/

foundations

Introduction Color Grid Icons Playground

brands

Vercel Next.js Turbo

components Internal

Avatar Badge Breadcrumbs Button Calendar Capacity Checkbox Choicebox Code Block Collapse Combobox Context Menu Description Drawer Empty State Entity Error Feedback Fieldset File Tree Gauge Input Keyboard Input Loading Dots Materials Menu Modal Note Pagination Pill Progress Radio Scroller Select Show More Skeleton Slider Snippet Spinner Stack Status Dot Survey Switch Table Tabs Text Textarea Toast Toggle Tooltip Video Window

Capacity

Display a capacity indicator, typically used to show resource usage over a period of time.

Default

Code Editor

Fixed color

Code Editor

Calendar Checkbox