フォーム v1.0.0

インプットグループ

アイコン、テキスト、ボタンのオプションの前置・後置アドオンを備えたテキスト入力。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 アドオンはインライン（入力内部）またはアドオンスタイル（独立した視覚ブロック）として配置できます。

プレビュー & コード

オプション

名前 型 デフォルト 説明
form FormBuilder nil Rails form builder object (for form builder mode)
attribute Symbol nil Model attribute name (for form builder mode)
name String nil Input name attribute (for standalone mode)
value String nil Input value (for standalone mode)
label String nil Label text (auto-generated from attribute if not provided)
hint String nil Help text displayed below the input
type String "text" Input type: text, email, password, tel, url, number
placeholder String nil Placeholder text
prefix String nil Text or HTML to display before the input (inline style)
suffix String nil Text or HTML to display after the input (inline style)
leading_addon String nil Text for a leading addon block (e.g., "https://")
trailing_addon String nil Text for a trailing addon block (e.g., ".com")
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
error String nil Manual error message (auto-detected from form object if not provided)
class String "" Additional CSS classes for the input

変更履歴 v1.0.0

- Initial release with form builder and standalone modes
- Inline prefix/suffix support (icons, text)
- Addon block support (leading_addon, trailing_addon)
- ViewComponent slots for custom addon content
- Automatic error detection from Rails form objects
- Dark mode support

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得