Skip to content

📐 Layout: Form-Based(フォームベース) #52

Description

@ryota-murakami

フォームベースレイアウト

カテゴリ: データ表示
難易度: 実践

概要

さまざまな入力レイアウトを持つフォーム。登録画面や設定画面。

学習ポイント

  • ラベル+入力の配置パターン(横並び / 縦積み)
  • Grid を使ったフォームフィールドの整列
  • セクション分けとグルーピング
  • バリデーションメッセージの配置

参考

  • mui-storybook: LayoutComplete/layouts/FormBasedLayout

ゴール

/layouts/form-based ページを作成し、TailwindCSSのみで実装する

Metadata

Metadata

Assignees

No one assigned

    Labels

    layoutCSSレイアウトパターン学習実践実践パターン

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions