TextField
filled / outlined の M3 テキストフィールド。フローティングラベル、エラー、支援テキストを Field パーツで構成します。
参考: Material Design 3 公式ガイドライン m3.material.io/components/text-fields/overview
ライブデモ
表示名を入力
複数行入力（textarea）
Import
import { TextField, ThemeProvider } from '@m3-baseui/react-tailwind';使用例
<TextField variant="outlined" label="メールアドレス" type="email" /><TextField variant="filled" label="名前" error="必須項目です" />Props
| Prop | 型 | 既定値 | 説明 |
|---|---|---|---|
variant | 'filled' | 'outlined' | 'outlined' | M3 テキストフィールドバリアント |
label | string | — | フローティングラベル |
error | string | — | エラーメッセージ（設定時 invalid） |
supportingText | string | — | 補助テキスト |