input-readonly

PreviousNext
Docs
reuicomponent

Preview

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

export default function InputDemo() {
  return (
    <div className="w-80">
      <Input type="text" placeholder="Readonly" readOnly={true} value="Readonly input" />
    </div>
  );
}

Installation

npx shadcn@latest add @reui/input-readonly

Usage

import { InputReadonly } from "@/components/input-readonly"
<InputReadonly />