FloatArea

BottomFixedAreaから派生した、より配置の自由度が高いコンポーネントです。画面下部固定ではなく、浮遊しています。

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

top
00.250.50.7511.251.522.533.548-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"XXS""XS""S""M""L""XL""XXL""X3S""X3L"

コンポーネントの上端から、包含ブロックの上端までの間隔(基準フォントサイズの相対値または抽象値)

bottom
00.250.50.7511.251.522.533.548-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"XXS""XS""S""M""L""XL""XXL""X3S""X3L"

コンポーネントの下端から、包含ブロックの下端までの間隔(基準フォントサイズの相対値または抽象値)

zIndex
number

コンポーネントの z-index

primaryButton必須
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

表示する Button または AnchorButton コンポーネント

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

表示する Button または AnchorButton コンポーネント

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

tertiary 領域に表示するボタン

responseMessage
{ status: "error" | "success"; text: ReactNode; }{ status: "processing"; }

操作に対するフィードバックメッセージ

fixed
falsetrue

上下の位置を固定するかどうか

width
string

コンポーネントの幅