<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.

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

Props

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