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
Textarea
Multi-line field with the same muted glass treatment and focus accents as the input system, sized for feedback forms and log streaming blocks.
Textarea component
Support Form
Larger text areas inherit the same glass treatment for multi-line feedback.
Read-Only
Example of piping logs into the component while preserving monospaced styling.
Installation
pnpm dlx shadcn@latest add @omni/textarea
Usage
import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"<div className="grid gap-2">
<Label htmlFor="details">Message</Label>
<Textarea id="details" placeholder="Describe the behaviour you're seeing..." />
</div>