Skip to main content
Version: 2.0.0

useSnackbarController

note

Please note that in order to use these hooks you must be in a component (you can't use them directly from a callback function). Anyhow, callbacks usually include a FireCMSContext, which includes all the controllers.

Use this hook to get a snackbar controller to display snackbars, with a message, a type and an optional title.

The props provided by this hook are:

  • isOpen Is there currently an open snackbar
  • close() Close the currently open snackbar
  • open ({ type: "success" | "info" | "warning" | "error"; title?: string; message: string; }) Display a new snackbar. You need to specify the type and message. You can optionally specify a title

Example:


import React from "react";
import { useSnackbarController } from "firecms";

export function ExampleCMSView() {

const snackbarController = useSnackbarController();

return (
<Button
onClick={() => snackbarController.open({
type: "success",
title: "Hey!",
message: "Test snackbar"
})}>
Click me
</Button>
);
}

Enterprise or start-up?

Learn how to get the most out of your project with the help of our consulting team.
Learn more
Sign up to our newsletter to get the latest news and updates. No spam!