Skip to content

Toast

Provides brief notifcations to the user
import { Toast } from '@ensdomains/thorin'
<>

  <Button onClick={() => toggleState('toast')}>Show Toast</Button>

  <Toast

    description="This is an example toast."

    open={getState('toast')}

    title="Example Toast"

    variant="desktop"

    onClose={() => setState('toast', false)}

  >

    <Button shadowless size="small">

      Click Me

    </Button>

  </Toast>

</>

Props
#

name
type
default
onClose*
Required
() => void
-
bottom
any
-
description
string
-
left
any
-
msToShow
number
8000
open*
Required
boolean
-
popped*
Required
boolean
-
right
any
4
setPopped*
Required
(popped: boolean) => void
-
state*
Required
"preEnter" | "entering" | "entered" | "preExit" | "exiting" | "exited" | "unmounted"
-
title*
Required
string
-
top
any
4
variant
"touch" | "desktop"
desktop
Edit on GitHub