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

PropTypeDefault
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);}