コンポーネント

コンテンツを最大幅で囲み、水平方向に中央揃えするレイアウトコンポーネント。 設定可能なサイズとパディングで一貫したページ幅の制約を提供します。

CSSカラムを使用してコンテンツを複数のカラムに流し込むレイアウトコンポーネント。 コンテンツが自然に次のカラムへ流れるため、テキストブロック、リスト、メイソンリー風レイアウトに最適です。

CSS Gridを使用した明示的なカラムレイアウトのレイアウトコンポーネント。 各子要素がグリッドセルを占め、カードレイアウト、ダッシュボード、構造化されたコンテンツに最適です。

調整可能なパネルレイアウトを作成するためのドラッグ可能な仕切り付きリサイズ可能レイアウトコンポーネント。 水平・垂直方向、サイズ制約、オプションのlocalStorage永続化に対応しています。

関連するコンテンツをグループ化するための柔軟なコンテナコンポーネント。 フラット、ホバー、エレベーテッドスタイルなど複数のバリアントに対応し、オプションでヘッダーとフッターを付けられます。

コンテンツセクションを区切るための視覚的なセパレーター。水平・垂直方向、 実線/破線/点線のバリアント、設定可能な間隔、オプションの中央テキストラベルに対応しています。

設定可能なギャップ、配置、アイテム間のオプションの区切り線を備えた、 要素を縦または横に積み重ねる柔軟なレイアウトコンポーネント。

CSSカラムベースのメイソンリーレイアウトでレスポンシブなカラム数調整に対応。 コンテンツが自然にカラムに流れ込み、Pinterest風のレイアウトを実現します。

セクション、ネストされた項目、アイコン、バッジ、レスポンシブ対応を備えた折りたたみ可能なアプリケーションサイドバー。 フルスタイルは表示されたままアイコンのみのレールに折りたたまれます。 フロー...