Filled Input

PreviousNext

A filled input component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/input/input-03.tsx
import { Input } from "@/registry/ui/input";

export default function FilledInputDemo() {
  return (
    <Input
      type="email"
      placeholder="Email"
      className="bg-secondary border-none shadow-none max-w-xs"
    />
  );
}

Installation

npx shadcn@latest add @shadcnui-blocks/input-03

Usage

import { Input03 } from "@/components/input-03"
<Input03 />