Textarea 10

PreviousNext

Textarea size variations with small, default, and large height options

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/textarea/textarea-10.tsx
import { Textarea } from '@/registry/new-york/ui/textarea'

const TextareaSizesDemo = () => {
  return (
    <div className='w-full max-w-xs space-y-2'>
      <Textarea className='min-h-10 py-1.5' placeholder='Small Textarea' />
      <Textarea placeholder='Default(Medium) Textarea' />
      <Textarea className='min-h-20 py-2.5' placeholder='Large Textarea' />
    </div>
  )
}

export default TextareaSizesDemo

Installation

npx shadcn@latest add @shadcn-studio/textarea-10

Usage

import { Textarea10 } from "@/components/textarea-10"
<Textarea10 />