Components
Loading preview...
Displays a form input field or a component that looks like an input field.
npx shadcn@latest add https://21st.dev/r/shadcn/inputimport { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
export function GroupWithBorder() {
return (
<div className="flex w-full max-w-[400px] -space-x-px">
<Input
type="text"
id="name"
placeholder="Enter your name"
className="rounded-r-none"
/>
<Button variant="outline" className="rounded-l-none">
Submit
</Button>
</div>
);
}