Components
- AccordionDone
- AlertDone
- Alert DialogDone
- Aspect RatioNo Change
- AvatarDone
- BadgeDone
- BreadcrumbDone
- ButtonDone
- Button GroupDone
- CalendarNo Change
- CardDone
- CarouselDone
- ChartNo Change
- CheckboxDone
- CollapsibleNo Change
- ComboboxDone
- CommandDone
- Context MenuDone
- Data TableDone
- Date PickerDone
- DialogDone
- DrawerDone
- Dropdown MenuDone
- EmptyNo Change
- FieldNo Change
- React Hook FormNo Change
- Hover CardDone
- InputDone
- Input GroupDone
- Input OTPDone
- ItemDone
- KbdDone
- LabelDone
- MenubarDone
- Navigation MenuDone
- PaginationDone
- PopoverDone
- ProgressDone
- Radio GroupDone
- ResizableNo Change
- Scroll AreaNo Change
- SelectDone
- SeparatorDone
- SheetDone
- SidebarNo Change
- SkeletonDone
- SliderDone
- SonnerDone
- SpinnerDone
- SwitchDone
- TableNo Change
- TabsDone
- TextareaDone
- ToastDone
- ToggleDone
- Toggle GroupDone
- TooltipDone
- TypographyDone
Field
Layout primitives for the Omni form system—uppercase labels, glass dividers, and responsive spacing that keeps complex forms aligned.
Environment form
Rollout configuration
Mix vertical and responsive rows to match the PoC form spacing.
Installation
pnpm dlx shadcn@latest add @omni/field
Usage
import { FieldSet, Field, FieldLabel, FieldContent } from "@/components/ui/field"
<FieldSet>
<Field>
<FieldLabel htmlFor="name">Name</FieldLabel>
<FieldContent>
<Input id="name" placeholder="Service name" />
</FieldContent>
</Field>
</FieldSet>