Layout

レイアウトのためのコンポーネントです。Every Layoutを参考に作成しています。

これらのコンポーネントは主に余白を管理しています。内部的には余白のデザイントークンを使用しています。

Cluster

Every LayoutのClusterを参考にしたコンポーネントです。要素を横に均等に並べたいときに使います。幅に収まり切らなくなると要素を折返して並べます。

Center

Every LayoutのCenterを参考にしたコンポーネントです。要素を天地左右中央に配置したいときに使います。

Reel

Every LayoutのReelを参考にしたコンポーネントです。要素を横に均等に並べたいときに使います。幅に収まり切らなくなると水平方向のスクロールが生じます。

Sidebar

Every LayoutのSidebarを参考にしたコンポーネントです。メインコンテンツとサイドコンテンツの2つのコンテンツを配置したいときに使います。

Stack

Every LayoutのStackを参考にしたコンポーネントです。要素を縦に均等に並べたいときに使います。