Sidebar

Props

NameRequiredTypeDescription
right-false, true`true` のとき、サイドコンテンツを右側に表示する
ref-(instance: HTMLDivElement) => void, RefObject<HTMLDivElement>
gap-0, 1, 2, 3, 4, "XXS", "XS", "S", 0.25, 0.5, 0.75, 1.25, 1.5, 2.5, 3.5, 8, -0.25, -0.5, -0.75, -1, -1.25, -1.5, -2, -2.5, -3, -3.5, -4, -8, "X3S", "M", "L", "XL", "XXL", "X3L", SeparateGap各領域の間隔の指定(gap)
align-"inherit", string & {}, "center", "end", "baseline", "initial", "start", "-moz-initial", "revert", "unset", "flex-end", "flex-start", "self-end", "self-start", "normal", "stretch"各領域の縦位置の揃え方(align-items)
contentsMinWidth-string, number, string & {}コンポーネントの `min-width` 値
theme-DefaultTheme
forwardedAs-undefined