コンポーネント
Input
フォームの入力フィールド、または入力フィールドのように見えるコンポーネントを表示します。
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>);}使い方
import { Input } from "@murasakijs/ui";<Input type="email" placeholder="Email" />API リファレンス
Props
| Prop | 型 | デフォルト |
|---|---|---|
type | string | "text" |
Input はネイティブの <input> 要素をスタイリングした薄いラッパーです — placeholder・
disabled・value・onChange・required など、それ以外の属性はすべてそのまま渡され
ます。