Textarea
Installation
Run the following command
npx vibes@latest add textarea
Usage
import { Textarea } from '@/vibes/soul/form/textarea';function Usage() { return ( <Textarea /> );}
API Reference
TextareaProps
Prop | Type | Default |
---|---|---|
className | string | |
prepend | React.ReactNode | |
label | string | |
errors | string[] | |
colorScheme | 'light' | 'dark' | 'light' |
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
:root { --textarea-light-background: var(--background); --textarea-light-text: var(--foreground); --textarea-light-placeholder: var(--contrast-500); --textarea-light-border: var(--contrast-100); --textarea-light-border-focus: var(--foreground); --textarea-light-border-error: var(--error); --textarea-dark-background: var(--foreground); --textarea-dark-text: var(--background); --textarea-dark-placeholder: var(--contrast-100); --textarea-dark-border: var(--contrast-500); --textarea-dark-border-focus: var(--background); --textarea-dark-border-error: var(--error);}