Input

A styled input component with glass-morphism effects.

Installation

Package

import { Input } from '@smc/darwin-ui';

shadcn CLI

npx shadcn add https://darwin-ui.mandalsuraj.com/registry/input.json

Usage

import { Input } from '@smc/darwin-ui';

export function Example() {
  return <Input type="text" placeholder="Enter text..." />;
}

Variants

<Input variant="default" placeholder="Default input" />
<Input variant="search" placeholder="Search..." />

Examples

With Label

<div className="space-y-2">
  <label htmlFor="email">Email</label>
  <Input id="email" type="email" placeholder="you@example.com" />
</div>

Disabled

<Input disabled placeholder="Disabled input" />

API Reference

Props

Prop	Type	Default	Description
variant	"default" | "search"	"default"	Input style
type	string	"text"	HTML input type
placeholder	string	-	Placeholder text
disabled	boolean	false	Disable input
className	string	-	Additional classes