<Paper />

Paper is a layout component for creating element containers.

Usage

Paper will render a div by default, creating a container for any custom element. It's most often used to create containers with consistent border, border-radius, and box-shadow styles.

Custom container content
<Paper variant='flat' p={2}> Custom container content </Paper>

Props

Name
Description
variant

"flat"

TypeScript customization

You can use module augmentation to customize the TypeScript types for any of Paper's props:

declare module 'componentry/types/components/Paper/Paper' { interface PaperPropsOverrides { // ... overwrite any types for Paper props ... } }

See the TypeScript guide for more information.

StylingPaper styles

Class
Description
.C9Y-Paper-base
.C9Y-Paper-flat