Getting Started

Setup

Theming & Patterns

Theming

Overview Tailwind CSS Colors Typography Z-Index

Patterns & Best Practices

Composition

Polymorphic Components Render Props

Components

Buttons

Button Button Group Icon Button Inline Icon Button

Form Controls

Checkbox Combobox Number Input Password Input Radio Select Slider Switch Text Input

Data Display

Avatar Divider Header Bar Icon Link Segmented Control Table Tag

Overlays

Dialog Drawer Popover Tooltip

Disclosure

Accordion Breadcrumbs Collapsible Pagination Side Nav Tabs Tree

Feedback

Inline Notification Progress Progress Ring Toast Notification

Troubleshooting

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:`