shadcn-ui/apps/v4/examples/base/input-with-text.tsx

import { Input } from "@/examples/base/ui/input"
import { Label } from "@/examples/base/ui/label"

export default function InputWithText() {
  return (
    <div className="grid w-full max-w-sm items-center gap-3">
      <Label htmlFor="email-2">Email</Label>
      <Input type="email" id="email-2" placeholder="Email" />
      <p className="text-muted-foreground text-sm">Enter your email address.</p>
    </div>
  )
}