Input 6

Text input fields showcasing different size variants (small, medium, large)

shadcn-studiocomponent

Preview

Loading preview…

registry/new-york/components/input/input-06.tsx

import { Input } from '@/registry/new-york/ui/input'

const InputSizesDemo = () => {
  return (
    <div className='w-full max-w-xs space-y-2'>
      <Input type='text' placeholder='Small input' className='h-8' />
      <Input type='text' placeholder='Medium input' />
      <Input type='text' placeholder='Large input' className='h-10' />
    </div>
  )
}

export default InputSizesDemo

Installation

npx shadcn@latest add @shadcn-studio/input-06

Usage

import { Input06 } from "@/components/input-06"

<Input06 />