<!--- PToast.stories.mdx -->

import { Meta, Props } from '@storybook/addon-docs';
import PToast from './components/PToast.vue';

<Meta title="MDX/PToast" />

# Toast

<br/>
<h4 style={{fontFamily: '-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif'
}}>The toast component is a non-disruptive message that appears at the bottom of the interface to provide quick,
at-a-glance feedback on the outcome of an action.</h4>

```jsx
this.$pToast.open({
    message: 'Hello',
    //all of other options may go here.
});
```

# Available Options

<Props of={PToast} />
