Input/input-standard-

PreviousNext

A input/input-standard- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/input/input-standard-3.tsx
"use client";

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

export const title = "Input with Helper Text";

const Example = () => (
  <div className="w-full max-w-sm space-y-2">
    <Label htmlFor="email">Email</Label>
    <Input
      className="bg-background"
      id="email"
      placeholder="you@example.com"
      type="email"
    />
    <p className="text-sm text-muted-foreground">
      We'll never share your email with anyone else.
    </p>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/input-input-standard-3

Usage

import { InputInputStandard3 } from "@/components/input-input-standard-3"
<InputInputStandard3 />