Skip to content

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: TransitionState; }) => ReactNode
-
A function that renders the children nodes
surface
ElementType<any>
-
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
Edit on GitHub