BaseColumn

矩形で視覚的に要素をグルーピングするコンポーネントです。

主にBaseや各種Dialogの上で視覚的グルーピングにおけるブロックの表現に使います。

デザインパターン

メッセージを表示するパターン

注意事項や補足事項などを見出しと内容のセットで伝えるパターンです。Baseや各種Dialogの上など、InformationPanelが配置できない場合に主に使います。

Props

overflow
"auto" "hidden" "clip" "visible" "scroll" { x: Overflow; y: Overflow; }

コンテンツが要素内に収まらない場合の処理方法

padding
0 0.25 0.5 0.75 1 1.25 1.5 2 2.5 3 3.5 4 8 -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" SeparatePadding

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

bgColor
"GREY_5" "GREY_6" "GREY_7" "GREY_9" "GREY_20" "WHITE" "BACKGROUND" "COLUMN" "BASE_GREY" "OVER_BACKGROUND" "HEAD" "BORDER" "ACTION_BACKGROUND"