BottomFixedArea(非推奨)

画面下部に固定で表示する操作パネルです。主にモーダルなUIを作るために使います。

モバイル

そのままレスポンシブに折り返して使うと表示領域を圧迫するため、モバイル向けに再設計が必要です。1画面で複雑な操作をさせないように調整してください。

Props

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

この領域の説明

primaryButton
FunctionComponentElement<object & Omit<BaseProps, never> & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & { ...; }, keyof BaseProps>>FunctionComponentElement<object & Omit<Omit<BaseProps, "variant" | "disabledReason"> & { elementAs?: ElementType; variant?: "text" | "danger" | "primary" | "secondary" | "skeleton"; inactiveReason?: { ...; }; }, never> & Omit<...>>

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

secondaryButton
FunctionComponentElement<object & Omit<BaseProps, never> & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & { ...; }, keyof BaseProps>>FunctionComponentElement<object & Omit<Omit<BaseProps, "variant" | "disabledReason"> & { elementAs?: ElementType; variant?: "text" | "danger" | "primary" | "secondary" | "skeleton"; inactiveReason?: { ...; }; }, never> & Omit<...>>

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

zIndex
number

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

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

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

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