base-input-size

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/base-input/size.tsx
import { Input } from '@/registry/default/ui/base-input';

export default function InputDemo() {
  return (
    <div className="w-80 space-y-6">
      <Input type="text" variant="sm" placeholder="Small" />

      <Input type="text" placeholder="Medium" />

      <Input type="text" variant="lg" placeholder="Large" />
    </div>
  );
}

Installation

npx shadcn@latest add @reui/base-input-size

Usage

import { BaseInputSize } from "@/components/base-input-size"
<BaseInputSize />