import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
import * as stories from "./toast.stories.js";
import Toast from "./";
<Meta
title="Components/Toast"
component={Toast}
parameters={{
source: {
code: stories.basic,
},
}}
argTypes={{
timeout: {
description: `Time (in milliseconds) for showing your toast. Setting in \`0\` let you to show toast constantly until clicking on it`,
},
data: { description: "Any components or data inside a toast" },
withCross: {
description: `If \`false\`: toast disappeared after clicking on any area of toast. If \`true\`: toast disappeared after clicking on close button`,
},
}}
/>
# Toast
Toast allow you to add notification to your page with ease.
`<Toast />` is container for your notification. Remember to render the `<Toast />` _once_ in your application tree. If you can't figure out where to put it, rendering it in the application root would be the best bet.