ResponseMessage

操作に対する結果を表すためのコンポーネントです。

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

Props

type
"error""warning""info""success""sync"
className
string

コンポーネントに適用するクラス名

color
string | 'TEXT_BLACK' | 'TEXT_GREY' | 'TEXT_DISABLED' | 'TEXT_LINK' | 'MAIN' | 'DANGER' | 'WARNING' | 'BRAND'

アイコンの色

right
falsetrue

true のとき、アイコンを右側に表示する

size非推奨
"XXS""XS""S""M""L""XL""XXL"

アイコンの大きさ(フォントサイズの抽象値)
@deprecated 親要素やデフォルトフォントサイズが継承されるため固定値の指定は非推奨

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

アイコンの説明テキスト

iconGap
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"

アイコンと並べるテキストとの溝