Base

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

種類

Base

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

Base

DialogBase

主要なコンテンツよりも上位のレイヤーで表示するコンテンツやメニューに利用します。SmartHR UIではDialogBaseです。

確認を促すモーダルダイアログや主要なコンテンツの上に固定表示されるメニューなど、高低差のあるコンポーネントに利用します。

多用するとBaseとの差がなくなります。高低差を意識させる必要のない、コンポーネントやコンテンツへの利用は控えてください。

DialogBase

Props

Base props

NameRequiredTypeDefault ValueDescription
radius-"s", "m"
layer-0, 1, 2, 3, 4

DialogBase props

NameRequiredTypeDefault ValueDescription
radius-"s", "m"

関連情報

参考文献

© 2021, SmartHR, Inc.