Skip to content

Principles Design Language Motion

Typography Colors & Effects

Accordion Alert Alert Dialog Animating Number Aspect Ratio Attachment Avatar Badge Backdrop Chip Divider Breadcrumb Bubble Button Button Group Calendar Card Carousel Celebration Checkbox Collapsible Combobox Command Context Menu Copy Controls Copy Id Data Table Date Picker Dialog Direction Drawer Dropdown Menu Empty Field Fullscreen Modal Graph Hover Card Icon Button Input Input Group Input OTP Inline Error Item Kbd Label List Status Inline Notice Media Menu Leading Menubar Message Native Select Navigation Menu Pagination Popover Progress Questionnaire Radio Group Rating Resizable Scroll Area Search Select Sheet Skeleton Slider Spinner Switch Table Tabs Textarea Timeline Toast Toggle Toggle Group Tooltip

Chart Charts Family Graph Family Elements Bars Lines Pie Scatter Sparkline Gauge Radar Heatmap Funnel

All Docs Index Documentation Directory Reading Tools Bottom Navigation Link Speed Dial Stepper

Layout Family Primitives Header Glass Container Spacing Stack Image List

Time Picker Date Time Picker Date Range Picker Time Range Picker

Site Header Page Layout Personal Site Hero Band Highlight Progression Feature List Link Card Team Roster Proof Split Feature Card Feature Tabs Landing Carousel FAQ Footer

Link Preview CLI Terminal Module Card Inbox Mock Conversation Scene Teammate Card Inbox Scene Computer Card Connection Card Task Card Issue Activity Scene Cloud Project Scene Cloud Deployments Scene Admin Scene HQ Window Scene Directory Scene Knowledge Flow Tenant Card Post Collage Banner Typewriter

App Bar App Grid App Home App Shells Chat Input Conversation Creation Dialogs Details Panels Headers Inbox Product Configurator Product Frame Product List Product Loading Product Panes Profile Grid Sidebar Tree View

Reading Tools

Documentation navigation, Markdown actions, related pages, and reader feedback.

Open the documentation specimen

Feedback is simulated in this example. Nothing is sent.

Scroll to pan. Pinch to zoom. Drag the background, or hold Space and drag. Use arrow keys to pan, plus and minus to zoom, 0 for actual size, and 1 to fit.

Properties

Content

Document

Behavior

Feedback submission

Preview

Viewport

Theme