Base

Baseコンポーネントは、主要なコンテンツを強調するための可視コンテナです。

種類

SmartHR UIではBaseです。
テーブルや設定情報など、ユーザーに関心を向けたい、主要なコンテンツを表すエリアに使います。

<Base style={{'padding': '16px'}}>Base</Base><Base style={{'padding': '16px'}}>Base</Base>

SmartHR UIではDialogBaseです。
DialogやDropdownなど、主要なコンテンツよりも上位のレイヤーで表示するコンテンツやメニューに使います。

多用するとBaseとの差がなくなります。高低差を意識させる必要のないコンポーネントやコンテンツでは使わないでください。

<DialogBase style={{'padding': '16px'}}>DialogBase</DialogBase><DialogBase style={{'padding': '16px'}}>DialogBase</DialogBase>

Name	Required	Type	Description
radius	-	`"s"`, `"m"`	角丸のサイズ
layer	-	`0`, `1`, `2`, `3`, `4`	レイヤの重なり方向の高さ（影の付き方に影響する）

Name	Required	Type	Description
radius	-	`"s"`, `"m"`