SmartHR Design System

BottomFixedArea

画面下部に固定で表示する操作パネルです。項目ごとに画面を分けた機能など、連続した入力を求める場合に使用します。

StorybookGitHub
別画面で開く
ドラッグして幅を変更
ドラッグして高さを変更

Props

description
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

この領域の説明

primaryButton
FunctionComponentElement<BaseProps & ElementProps & Props & RefAttributes<HTMLButtonElement>>FunctionComponentElement<BaseProps & ElementProps & RefAttributes<HTMLAnchorElement>>

表示する Button または AnchorButton （variant="primary" である必要がある）

secondaryButton
FunctionComponentElement<BaseProps & ElementProps & Props & RefAttributes<HTMLButtonElement>>FunctionComponentElement<BaseProps & ElementProps & RefAttributes<HTMLAnchorElement>>

表示する Button または AnchorButton （variant="secondary" である必要がある）

tertiaryLinks
(Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & { ...; } & { ...; })[]

表示する tertialy link のプロパティの配列

zIndex
number

コンポーネントに適用する z-index 値

ref
(instance: HTMLDivElement) => voidRefObject<HTMLDivElement>