Paper
Renders white or dark background depending on color scheme
Import
Source
Docs
Package
Usage
Paper component renders white (or theme.colors.dark[7]
for dark theme)
background with shadow, border-radius and padding from theme.
Paper is the most basic ui component
Use it to create cards, dropdowns, modals and other components that require background with shadow
Shadow
xs
sm
md
lg
xl
Radius
xs
sm
md
lg
xl
Padding
xs
sm
md
lg
xl
Shadow
You can use predefined shadows defined in theme or your own:
Padding
Paper has predefined padding: xs, sm, md, lg, xl defined in theme.spacing. Alternatively, you can use a number to set padding in px:
Radius
xs, sm, md, lg, xl radius values are defined in theme.radius. Alternatively, you can use a number to set radius in px:
Get root element ref
You can get root element ref with ref
prop: