Input

Pro

shadcn's input in Candor's theme.

Markdown

Preview

Install

With the Candor CLI

First time? Get started sets up the registry and theme. Or with shadcn directly: npx shadcn@latest add @candor/input

Brings in: utils

Usage

TSX · The example above

"use client"

import { Input } from "@/components/ui/input"

export default function Example() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-1.5">
      <label htmlFor="example-branch" className="text-sm font-medium">
        Branch name
      </label>
      <Input id="example-branch" placeholder="keel/add-region" aria-describedby="example-branch-hint" />
      <p id="example-branch-hint" className="text-xs text-muted-foreground">
        Keel opens its pull request from this branch.
      </p>
    </div>
  )
}

<Input>

No props.

Also takes the props of React.ComponentProps<"input">.