Input
Input with multiple variants and radius.
Installation
CLI
Add component to your project.
npx @perceptui/cli@latest add inputImport from @perceptui/ui
Note: If you have installed @perceptui/ui package, then import Input
from @perceptui/ui.
import { Input } from "@perceptui/ui";API References
| Prop | Type | Description | Default |
|---|---|---|---|
| variant | "classic" | "standard" | "ghost" | Form of the Input | classic |
| radius | "none"|"sm"|"md"|"lg"|"xl"|"full" | Radius of the Input | lg |
| className | string | className | _ |
Examples
Variant
Use the variant prop to control the visual style of the input.
Classic Variant
Standard Variant
Ghost Variant
Radius
Use the radius prop to assign a specific radius value.