input-with-button

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/input-with-button.tsx
import { Button } from "@/registry/new-york/ui/button"
import { Input } from "@/registry/new-york/ui/input"

export default function InputWithButton() {
  return (
    <div className="flex w-full max-w-sm items-center gap-2">
      <Input type="email" placeholder="Email" />
      <Button type="submit" variant="outline">
        Subscribe
      </Button>
    </div>
  )
}

Installation

npx shadcn@latest add @taki/input-with-button

Usage

import { InputWithButton } from "@/components/input-with-button"
<InputWithButton />