We launched the Accounting Sample!Manage invoices, payments, expenses, and more across multiple connectors.

Search docs


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 (
      <Component {...pageProps} />

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>


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



Coming soon