ResponseMessage

操作に対する結果を表すためのコンポーネントです。 主に特定の操作(同期的な処理)が完了した結果をフィードバックする目的で使用されます。

使用上の注意

Do
Do
直前に操作したボタンの近くにエラーメッセージが表示されている
Dont
Don't
直前に操作したボタンから離れた位置に表示されている

その他の注意事項はフィードバックをご確認ください。

種類

情報、成功、警告、エラー、同期中の5種類のtypeが指定できます。 同期中はNotificationBarのために存在し、基本的には使いません。

Props

alt
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

アイコンの説明テキスト

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

アイコンの色

right
false true

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

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

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

size
any