Components
- Accordion Done
- Alert Done
- Alert Dialog Done
- Aspect Ratio No Change
- Avatar Done
- Badge Done
- Breadcrumb Done
- Button Done
- Button Group Done
- Calendar No Change
- Card Done
- Carousel Done
- Chart No Change
- Checkbox Done
- Collapsible No Change
- Combobox Done
- Command Done
- Context Menu Done
- Data Table Done
- Date Picker Done
- Dialog Done
- Drawer Done
- Dropdown Menu Done
- Empty No Change
- Field No Change
- Form No Change
- Hover Card Done
- Input Done
- Input Group Done
- Input OTP Done
- Item Done
- Kbd Done
- Label Done
- Menubar Done
- Navigation Menu Done
- Pagination Done
- Popover Done
- Progress Done
- Radio Group Done
- Resizable No Change
- Scroll Area No Change
- Select Done
- Separator Done
- Sheet Done
- Skeleton Done
- Slider Done
- Sonner Done
- Spinner Done
- Switch Done
- Table No Change
- Tabs Done
- Textarea Done
- Toggle Done
- Toggle Group Done
- Tooltip Done
- Typography Done
- Sidebar Done
- Toast Done
- React Hook Form Done
Aspect Ratio
Maintains a consistent width-to-height ratio.
Aspect Ratio component
Installation
pnpm dlx shadcn@latest add @omni/aspect-ratio
pnpm dlx shadcn@latest add @omni/solid/aspect-ratio
Usage
import { AspectRatio } from "@/components/ui/aspect-ratio" import { AspectRatio } from "@/components/ui/aspect-ratio"