showSuccessToast / showErrorToast

showSuccessToast / showErrorToastは、成功・失敗時にトーストを表示する関数です。

使い方


import {
  Card,
  HStack,
  Button,
  showSuccessToast,
  showErrorToast,
} from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <HStack>
        <Button
          title="成功"
          type="button"
          color="blue"
          onClick={() =>
            showSuccessToast("処理が完了しました", {
              details: [
                "ユーザー情報を更新しました",
                "メール通知を送信しました",
                "ログに記録しました",
              ],
            })
          }
        />
        <Button
          title="失敗"
          type="button"
          color="red"
          onClick={() =>
            showErrorToast("エラーが発生しました", {
              details: [
                "ユーザー名は10文字以下で設定してください",
                "パスワードに記号を含めてください",
              ],
            })
          }
        />
      </HStack>
    </Card>
  );
};
 
export default App;

詳細なインターフェース

引数

引数名	型	必須・任意	説明	例
`message`	`string`	必須	トーストに表示するメッセージ	`"エラーが発生しました"`
`options`	`object`	任意	詳細オプション	`{ details: ["ユーザー名は10文字以下で設定してください", "パスワードに記号を含めてください"] }`

optionsオブジェクトのプロパティ

プロパティ名	型	必須・任意	説明	例
`details`	`string[]`	任意	詳細メッセージの配列	`["ユーザー名は10文字以下で設定してください", "パスワードに記号を含めてください"]`

戻り値

この関数は戻り値を返しません。