Site settings
Change the appearance of the site to suit your preferences
Toast
Toasts are a type of feedback box that provide confirmation of whether an action has been successful or if an error has occurred.
A simple toast
() => { return ( <Button variant="secondary" onClick={() => createToast({ variant: "success", text: `This is a success toast`, }) } > Show toast </Button> ); };
Different variants of toast
() => { return ( <Flex gap="2"> {["info", "success", "error"].map((variant) => ( <Button key={variant} variant="secondary" onClick={() => createToast({ variant, text: `This is a ${variant} toast`, }) } > {variant} </Button> ))} </Flex> ); };