Getting Started

Theming, Patterns, and Pitfalls

Theming

Overview Tailwind CSS Colors Typography Z-Index

Patterns

Pitfalls

Components

Buttons

Button Button Group Icon Button Inline Icon Button

Form Controls

Checkbox Combobox Number Input Password Input Radio Select Switch Text Input

Data Display

Avatar Data Grid / Table Divider Icon Link Segmented Control Tag

Overlays

Dialog Drawer Popover Tooltip

Disclosure

Accordion Breadcrumbs Collapsible Pagination Tabs

Feedback

Inline Notification Progress Progress Ring Toast Notification

Z-Index

CSS Variable

--z-index-dropdown

Equivalent CSS

z-index:

CSS Variable

--z-index-banner

Equivalent CSS

z-index:

CSS Variable

--z-index-overlay

Equivalent CSS

z-index:

CSS Variable

--z-index-dialog

Equivalent CSS

z-index:

CSS Variable

--z-index-popover

Equivalent CSS

z-index:

CSS Variable

--z-index-toast

Equivalent CSS

z-index:

CSS Variable

--z-index-tooltip

Equivalent CSS

z-index:

CSS Variable	Equivalent CSS
`--z-index-dropdown`	`z-index:`
`--z-index-banner`	`z-index:`
`--z-index-overlay`	`z-index:`
`--z-index-dialog`	`z-index:`
`--z-index-popover`	`z-index:`
`--z-index-toast`	`z-index:`
`--z-index-tooltip`	`z-index:`

Boolean Properties