Getting Started

Introduction Installation Generators About

Components

✅ 📖 Accordion ✅ 📖 Alert ✅ Alert Dialog ❌ Aspect Ratio ❌ Avatar ✅ 📖 Badge ✅ 📖 Button ❌ Calendar ✅ Card ✅ Checkbox ✅ Collapsible Combobox Command Context Menu Data Table Date Picker ✅ 📖 Dialog Dropdown Menu ➕ Filter Form ✅ Hover Card ✅ Input ✅ Label Menubar Navigation Menu ✅ Popover ✅ Progress Radio Group Scroll Area Select ✅ Separator ✅ Sheet ✅ Skeleton ✅ Slider Switch Table Tabs ✅ Textarea ✅ Toast ✅ Toggle ✅ Tooltip

shadcn/ui on Rails

Home Documentation Components GitHub

Getting Started

Introduction Installation Generators About

Components

✅ 📖 Accordion ✅ 📖 Alert ✅ Alert Dialog ❌ Aspect Ratio ❌ Avatar ✅ 📖 Badge ✅ 📖 Button ❌ Calendar ✅ Card ✅ Checkbox ✅ Collapsible Combobox Command Context Menu Data Table Date Picker ✅ 📖 Dialog Dropdown Menu ➕ Filter Form ✅ Hover Card ✅ Input ✅ Label Menubar Navigation Menu ✅ Popover ✅ Progress Radio Group Scroll Area Select ✅ Separator ✅ Sheet ✅ Skeleton ✅ Slider Switch Table Tabs ✅ Textarea ✅ Toast ✅ Toggle ✅ Tooltip

Skeleton

Use to show a placeholder while content is loading.

Examples