ResponseMessage

システムからの通知を表示するためのアイコン付きテキストコンポーネントです。要素の状態や操作結果のフィードバックを要素の近くに表示するときに使います。

使用上の注意

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

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

種類

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

使い方チェックリスト

ResponseMessage
参照元:使用上の注意 「使用上の注意」の本文へ移動
  • Must
    ResponseMessage は直前に操作した要素の近くに表示する
参照元:種類 「種類」の本文へ移動
  • Should
    `status="sync"` は NotificationBar のために存在するため、基本的に使わない

Props

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

アイコンの色

size
any
status
"error" "warning" "info" "success" "sync"