input-style-with-label

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/input-style-with-label.tsx
import { Input } from "@/components/retroui/Input";
import { Label } from "@/components/retroui/Label";

export default function InputStyleWithLabel() {
  return (
    <div className="grid w-full max-w-sm items-center gap-1.5">
      <Label htmlFor="pokemon">Favorite Pokemon</Label>
      <Input type="pokemon" id="pokemon" placeholder="Charmander" />
    </div>
  );
}

Installation

npx shadcn@latest add @retroui/input-style-with-label

Usage

import { InputStyleWithLabel } from "@/components/input-style-with-label"
<InputStyleWithLabel />