Yamada UIにスターをあげる
ドキュメントを検索する
BoxやStackなど、プロジェクトのレイアウトを構築するコンポーネントが用意されています。
Box
Stack
Boxは、他のすべてのコンポーネントがその上に構築される最も抽象的なコンポーネントです。デフォルトでは、div要素をレンダリングします。
div
Stackは、要素をグループ化し、子要素間にスペースを設けるコンポーネントです。
Containerは、汎用的な区分要素として使用するコンポーネントです。デフォルトでは、section要素をレンダリングします。
Container
section
Flexは、Boxにflexを設定したコンポーネントです。また、便利なスタイルのショートハンドが用意されています。
Flex
flex
Wrapは、Flexにwrapを設定したコンポーネントです。Flexから便利なスタイルのショートハンドを継承しています。
Wrap
wrap
Centerは、コンポーネント内の子要素を中央に配置するコンポーネントです。
Center
Gridは、グリッドレイアウトを管理するためのコンポーネントです。また、便利なスタイルのショートハンドが用意されています。
Grid
SimpleGridは、Gridをより使いやすくシンプルにしたコンポーネントです。
SimpleGrid
Spacerは、要素間に空間を追加するために使用するコンポーネントです。
Spacer
Bleedは、要素をコンテナの境界から外すために使用されるコンポーネントです。
Bleed
Floatは、要素をコンテナの端に固定するために使用されるコンポーネントです。
Float
Separatorは、要素間において区切りを表すコンポーネントです。
Separator
Dividerは、要素間において区切りを表すコンポーネントです。
Divider
AspectRatioは、アスペクト比を維持したビデオやマップなどを埋め込むためのコンポーネントです。
AspectRatio
GitHubでこのページを編集する