Add dismiss toast button #355
Description
Issue
Help us add a X button that deletes toasts!
How to fix
- The toast system is through
sonner. Go tosonner.tsxand see how there's aToastercomponent. - Set the
closeButtonprop totrue. The component should look have the below code
<Sonner
theme={theme as ToasterProps["theme"]}
className="toaster group"
closeButton={true}
style={
{
"--normal-bg": "var(--popover)",
"--normal-text": "var(--popover-foreground)",
"--normal-border": "var(--border)",
} as React.CSSProperties
}
{...props}
/>
First time contributing?
Please checkout our CONTRIBUTIONS.md for instructions on how to set up as a contributor.