Forge Docs
FormTextField

TextField

テキスト入力フィールドコンポーネント

概要

テキスト入力フィールド。type="password" 指定時はパスワード表示/非表示のトグルボタンが表示される。

Storybook で確認

Props

Prop必須説明
labelstringYesフィールドラベル
descriptionstringヘルパーテキスト
errorstringエラーメッセージ
typestring入力タイプ("password" でトグル付き)
...restComponentProps<"input">ネイティブ input の属性

使用例

import { TextField } from "@unitto/ui";

<TextField label="メールアドレス" type="email" placeholder="user@example.com" />

<TextField label="パスワード" type="password" />

<TextField label="名前" error="名前は必須です" />

<TextField label="備考" description="任意入力です" />

On this page