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

Props#

Props
#