18Switch language to العربية

Labeled Input

PreviousNext

An input field with an associated label.

import { LabeledInput } from "@/components/atom/labeled-input"

export default function LabeledInputDemo() {
  return (
    <>
      <LabeledInput label="Email" type="email" placeholder="Enter your email" />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/labeled-input

Usage

import { LabeledInput } from "@/components/atom/labeled-input"
<LabeledInput
  label="Email"
  type="email"
  placeholder="Enter your email"
/>