Input
Displays a form input field or a component that looks like an input field.
import { Input, Label } from "@murasakijs/ui";export function InputDemo() {return ( <div className="grid w-full max-w-sm items-center gap-1.5"> <Label htmlFor="email">Email</Label> <Input type="email" id="email" placeholder="Email" /> </div>);}Usage
import { Input } from "@murasakijs/ui";<Input type="email" placeholder="Email" />API Reference
Props
| Prop | Type | Default |
|---|---|---|
type | string | "text" |
Input is a thin styled wrapper around the native <input> element — every
other attribute (placeholder, disabled, value, onChange, required,
...) is forwarded straight through.