Textarea

Displays a form textarea or a component that looks like a textarea.
# Demo
# Attributes
NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.
labelClassNamestring' 'You can customise by passing tailwind classes.
textareaClassNamestring' 'You can customise by passing tailwind classes.
idstringtextareaYou can pass id to create unique identifier.
labelstring' 'You can pass label of the textarea.
placeholderstring' 'You can pass placeholder of the textarea.
valuestring' 'You can pass value of the textarea.
disabledbooleanfalseYou can pass disabled to set default textarea state.
onChange(value: string | number) => voidRequiredYou can get callback when textarea value changed.
Note: Along with these params you can also pass all default textarea params.
# Usage
import { useState } from 'react'; import { NTextarea } from 'nayan'; const Textarea = () => { const [address, setAddress] = useState('Bangalore, India'); return ( <NTextarea id="ta1" label="Address" placeholder="Enter address" className="mb-3" rows={3} value={address} onChange={e => setAddress(e.target.value)} /> ); }; export default Textarea;