Header

アカウント設定やアプリ切替などSmartHR共通の横断機能を提供するヘッダーコンポーネントです。基本はAppHeaderの利用を推奨し、独自のヘッダー構成が必要なときのみHeader単体で使います。

複数のSmartHRのプロダクトを使っていたとしても同じSmartHRブランドの製品であることをユーザーが認知できるよう、共通のHeaderを提供します。

レイアウト

AppHeaderを参照してください。

モバイル

モバイルでの表示はAppHeaderコンポーネントが対応します。 AppHeaderのモバイルを参照してください。

Props

logo
ReactElement<any, string | JSXElementConstructor<any>>

ロゴ

logoHref
string

ロゴリンク

featureName
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

機能名(enableNew と合わせて使います)

apps
Category[]

機能群(enableNew と合わせて使います)

tenants
Tenant[]

テナント一覧

currentTenantId
string

現在のテナント ID

onTenantSelect
(id: string) => void

テナントが選択された時に発火するコールバック関数

enableNew非推奨
false true

@deprecated internal-ui から利用するので使わないでください。