Paper
Encapsulate some UI to set it apart visually.
The Paper's default background is the same as the body's default background (--mantine-color-body).
- In light mode, it is white #FFF.
- In dark mode, it is dark.7.
We can override's Paper background with bg.
Paper also adds a radius (theme.defaultRadius) which defaults to 4px.
Paper specific customizations
- Add a pre-styled border with
withBorder(boolean) - Add a pre-styled shadow with
shadow. We specify a named size (e.g. sm), or a box-shadow CSS literal.