Input Label Description

PreviousNext

input-label-description-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/forms/input/input-label-description-demo.tsx
"use client"

import { Description, Label } from "@/components/ui/field"
import { Input } from "@/components/ui/input"

export default function InputLabelDescriptionDemo() {
  return (
    <div className="space-y-2">
      <Label htmlFor="name">Name</Label>
      <Input id="name" aria-label="Name" placeholder="Your name" />
      <Description>Please enter your full name.</Description>
    </div>
  )
}

Installation

npx shadcn@latest add @intentui/input-label-description-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.