Input with Button

PreviousNext

An input with button component

Docs
shadcnui-blockscomponent

Preview

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

export default function InputWithButtonDemo() {
  return (
    <div className="w-full max-w-xs flex items-center gap-2">
      <Input type="email" placeholder="Email" />
      <Button className="shadow">Subscribe</Button>
    </div>
  );
}

Installation

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

Usage

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