Basic label., a shadcn block by @reui · shadcn.exchange

Basic label., a shadcn block by @reui · shadcn.exchange

c-label-1.tsx

import { Field } from "@/components/ui/field"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

export function Pattern() {
  return (
    <Field className="w-full max-w-xs">
      <Label htmlFor="label-demo-username">Username</Label>
      <Input id="label-demo-username" placeholder="Enter your username…" />
    </Field>
  )
}