Input

Form input with aurora, glass, and ghost variants.

Installation

npx popcn add input

Variants

Glass (default)

Aurora

Ghost

With Label

Form Field

Props

Prop	Type	Default	Description
variant	"aurora" \| "glass" \| "ghost"	"glass"	Visual style variant

Usage

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

export default function Example() {
  return (
    <Input
      variant="glass"
      placeholder="Enter your name..."
    />
  )
}