Input

fandhe-frontend-pre-styled-ui の input mod が提供するスタイル済み Input 部品です。

Note

Anatomy は共有スコープ field のパーツ構成として導出されます。Field / Fieldset は headless-ui のみが提供する部品であり、pre-styled-ui 側に独立ページを持ちません。

Demo

ブラウザネイティブ挙動をそのまま尊重する静的テキスト入力部品。invalid/disabled 状態は headless field:: へ委譲した data-* 属性・aria-invalid で表現します。

This field is required.

`variant`（既定 `Outline`）/`size` の 2 軸を持ち、headless-ui の `field::input`（`data-scope="field"`）へ委譲する。
`FieldProps` を通じて `disabled`/`invalid`/`required`/`readonly` を制御する（`Field` 自体は headless-ui のみが提供し、pre-styled-ui 側に独立ページを持たない）。

input
error-text

Name	Type	Description
props	&InputProps	`variant`（既定 `Outline`）・`size`（既定 `Md`）を束ねる構造体。
field	&FieldProps<'_>	`id`・`disabled`・`invalid`・`required`・`readonly` 等、headless-ui `field` スコープ共通の状態。
extra_attrs	Vec<(&str, &str)>	`<input>` へ合成する追加属性（`type` 等）。