@navinc/base-react-components/src/banner-toast.story.js

Nav's Pattern Library

import { BannerToast } from './banner-toast.js'
import readme from './banner-toast.readme.md'

export default {
  title: 'General/BannerToast',
  component: BannerToast,
  parameters: {
    readme: { content: readme },
  },
}

export const Basic = (args) => {
  return <BannerToast {...args} />
}

Basic.argTypes = {
  type: {
    control: { type: 'select' },
    options: ['success', 'error', 'neutralAction'],
  },
}

Basic.args = {
  type: 'success',
  icon: '',
  actionIcon: '',
  title: 'This is a banner',
  copy: 'Do as the banner says or perish',
  action: 'ActionFunction()',
  actionHref: '/link',
  time: '5000',
  shouldNotTimeout: false,
  shouldShowTimeBar: true,
}