Base
- SmartHR UI v21.4.5
- Storybook
- ソースコード(GitHub)
Baseコンポーネントは、主要なコンテンツを強調するための可視コンテナです。
種類
Base
SmartHR UIではBase
です。
テーブルや設定情報など、ユーザーに関心を向けたい、主要なコンテンツを表すエリアに使います。
DialogBase
SmartHR UIではDialogBase
です。
DialogやDropdownなど、主要なコンテンツよりも上位のレイヤーで表示するコンテンツやメニューに使います。
多用するとBaseとの差がなくなります。高低差を意識させる必要のないコンポーネントやコンテンツでは使わないでください。
Props
Base props
Name | Required | Type | Description |
---|---|---|---|
radius | - | "s" ,
"m" | 角丸のサイズ |
layer | - | 0 ,
1 ,
2 ,
3 ,
4 | レイヤの重なり方向の高さ(影の付き方に影響する) |
DialogBase props
Name | Required | Type | Description |
---|---|---|---|
radius | - | "s" ,
"m" |