Center

要素を上下左右中央に配置するためのレイアウトコンポーネントです。コンテンツを画面中央に置くとき、ボックス内に中央寄せをするときに使います。

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

Props

padding
012"XS""S""M""XXS""L""XL""XXL"340.250.50.751.251.52.53.58-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"X3S""X3L"

境界とコンテンツの間の余白

verticalCentering
falsetrue

天地中央揃えも有効化するかどうか

minHeight
stringnumber

コンテンツの最小高さ

maxWidth
stringnumber

コンテンツの最大幅

ref
(instance: HTMLDivElement) => voidRefObject<HTMLDivElement>