Sidebar
メインコンテンツとサイドコンテンツの2カラムを配置するためのレイアウトコンポーネントです。「コレクションとシングルの2カラム」ページレイアウトなど、メインとサブの関係がある要素を左右に並べるときに使います。メインコンテンツが指定した最小幅未満になると折り返します。
Every Layout別タブで開くのSidebarを参考にしています。
Props
gap
0120.250.50.751.251.52.533.548-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"X3S""XXS""XS""S""M""L""XL""XXL""X3L"SeparateGap
各領域の間隔の指定（gap）
align
"center""start""flex-start""end""flex-end""baseline""stretch"
right
falsetrue
contentsMinWidth
stringnumberstring & {}
コンポーネントの min-width 値