Backdrop

Backdrop for highlighting information


import { Backdrop } from '@ensdomains/thorin'


<Backdrop>
  {({ state }) => (
    <Card>
      <Typography>The state of this backdrop is {state}</Typography>
    </Card>
  )}
</Backdrop>

Props
#

name	type	default	description
children* Required	(renderProps: { state: TransitionStatus; }) => ReactNode	-	A function that renders the children nodes
surface	ElementType<any, keyof IntrinsicElements>	-	An element that provides backdrop styling. Defaults to BackdropSurface component.
onDismiss	() => void	-	A event fired when the background is clicked.
className	string	modal	-
noBackground	boolean	false	If true, removes background
open* Required	boolean	-	If true, backdrop and it's children are visible
renderCallback	() => void	-	A callback fired on the render of children