ビュー
コードエディター
レイアウト
Box

Box

Boxコンポーネントは、レイアウトや配置の制御を行なうためのコンテナです。サイズやオーバーフローの制御が可能です。

基本的な使い方

<Box flex={1} width="md" height="lg">
  ここにコンテンツが表示されます。
</Box>

詳細なインターフェース

名前説明デフォルト値
flexサイズを調整するためのプロパティです。1, 2, 3, 'auto', 'initial' のいずれかを指定できます。'auto'
overflowオーバーフローを制御するためのプロパティです。'auto', 'hidden', 'scroll', 'visible' などが指定できます。'visible'
width幅を制御するためのプロパティです。'auto', 'full', 'xs', 'sm', 'md', 'lg', 'xl', '2xl' のいずれかを指定できます。'auto'
height高さを制御するためのプロパティです。'auto', 'full', 'xs', 'sm', 'md', 'lg', 'xl', '2xl' のいずれかを指定できます。'auto'
childrenBoxコンポーネント内に表示するコンテンツを指定します。なし
CardGrid