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

Hover Card

For sighted users to preview content available behind a link.

Examples

@rails

Ruby on Rails

The Web framework that changed the world.