Zum Inhalt springen

useSnackbarController

Verwenden Sie diesen Hook, um einen Snackbar-Controller zum Anzeigen von Snackbars mit einer Nachricht, einem Typ und einem optionalen Titel zu erhalten.

Die von diesem Hook bereitgestellten Eigenschaften sind:

  • isOpen Ist derzeit eine Snackbar geöffnet
  • close() Die aktuell geöffnete Snackbar schließen
  • open ({ type: "success" | "info" | "warning" | "error"; title?: string; message: string; }) Eine neue Snackbar anzeigen. Sie müssen den Typ und die Nachricht angeben. Optional können Sie einen Titel angeben

Beispiel:

import React from "react";
import { useSnackbarController } from "@firecms/core";
import { Button } from "@firecms/ui";
export function ExampleCMSView() {
const snackbarController = useSnackbarController();
return (
<Button
onClick={() => snackbarController.open({
type: "success",
title: "Hallo!",
message: "Test-Snackbar"
})}>
Klick mich
</Button>
);
}