Paper

Encapsulate some UI to set it apart visually.

Paper sets a fill-color background.

In light mode, it sets a plain white #FFF background. This matches the light mode default background. As such, we either change the light mode default background, or change the Paper background.

In dark mode, it sets a dark.7. Similarly, it matches the dark mode default background. As such, we either change the dark mode default background, or change the Paper background.

In addition to the background, we may set a pre-styled border and/or a pre-styled shadow.

We usually add some padding, but nothing specific to Paper.

props

• radius, sets the background area radius. defaults to sm, aka 4px.
• shadow, sets the size of a predefined shadow, if any. defaults to none.
• withBorder, toggles a predefined border. defaults to false