All components
Textarea
Multi-line text entry with the same outline, subtle, and flushed variants as Input.
Variants
outline
subtle
flushed
Sizes
sm
md
lg
Install
zsh — textarea
1bunx stylexblocks add textareaUsage — Base UI
textarea.tsx
1234567891011121314import { Textarea } from "#components/ui/base-ui/textarea.tsx";
export function Example() { return ( <> {/* variant + size props resolve through the StyleX recipe and are exposed as data-variant / data-size attributes */} <Textarea variant="outline" size="md" rows={3} placeholder="Your message" />
{/* native props merge through mergeProps */} <Textarea variant="subtle" required aria-label="Notes" /> </> );}