Toast

Installing

Install the library

npm install @apideck/components

Getting started

Wrap your app in a ToastProvider

import { ToastProvider } from '@apideck/components'

const App = ({ Component, pageProps }: AppProps) => {
  return (
    <ToastProvider>
      <Component {...pageProps} />
    </ToastProvider>
  )
}

export default App

Import the useToast hook and use it to open and close Toasts with the addToast and removeToast functions.

import { useToast } from '@apideck/components'

export default function MyComponent() {
  const { addToast } = useToast()

  return <button onClick={() => addToast({ title: 'Yo world' })}>Click</button>
}

Basic

You can pass the type success, info, warning, and error to the addToast function.

Props

Coming soon