Sidebar

メインコンテンツとサイドコンテンツの2カラムを配置するためのレイアウトコンポーネントです。「コレクションとシングルの2カラム」ページレイアウトなど、メインとサブの関係がある要素を左右に並べるときに使います。メインコンテンツが指定した最小幅未満になると折り返します。

Every Layout別タブで開くのSidebarを参考にしています。

Props

right
falsetrue
gap
0120.250.50.751.251.52.533.548"X3S""XXS""XS""S""M""L""XL""XXL""X3L"SeparatePositiveGap

各領域の間隔の指定(gap)

align
"center""start""flex-start""end""flex-end""baseline""stretch"
contentsMinWidth
stringnumberstring & {}

コンポーネントの min-width 値