Sidebar
Every LayoutのSidebar
を参考にしたコンポーネントです。メインコンテンツとサイドコンテンツの2つのコンテンツを配置したいときに使います。メインコンテンツが指定した最小幅未満になると段落ちします。
Props
right
falsetrue
align
"center""baseline""end""start""flex-start""flex-end""stretch"
gap
00.250.50.7511.251.522.533.548-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"XXS""XS""S""M""L""XL""XXL""X3S""X3L"SeparateGap
各領域の間隔の指定(gap)
contentsMinWidth
stringnumberstring & {}
コンポーネントの min-width
値