BackgroundJobsPanel

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

Props

BackgroundJobsPanel props

title必須
string

パネルのタイトル

jobs必須
JobProps[]

バックグラウンドジョブデータの配列

isExpanded
falsetrue

パネルを広げるかどうか

onClickCancelJob
(jobId: JobId) => void

ジョブのキャンセルボタンクリックのハンドラ

onClickExpansion
(isExpanded: boolean) => void

パネルの開閉ボタンクリックのハンドラ

onClickClose
() => void

パネルの閉じるボタンクリックのハンドラ

padding
0"XXS""XS""S""M""L""XL""XXL"0.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"X3S""X3L"SeparatePadding

境界とコンテンツの間の余白

overflow
"auto""hidden""inherit"string & {}"-moz-initial""initial""revert""unset""clip""visible""-moz-hidden-unscrollable""scroll"{ x: OverflowX; y: OverflowY; }

コンテンツが要素内に収まらない場合の処理方法

radius
"s""m"

角丸のサイズ

layer
01234

レイヤの重なり方向の高さ(影の付き方に影響する)