v1.2.0

Paper

Paper is the base surface component. It renders a box with Material Design's background, border-radius, and shadow system.

Elevation

Elevation is expressed as a shadow level from 0–24.

0 1 2 4 8 16 24
<me-paper elevation="0">...</me-paper> <me-paper elevation="4">...</me-paper> <me-paper elevation="8">...</me-paper>

Outlined

Outlined
<me-paper variant="outlined">...</me-paper>

Square

Square
<me-paper elevation="2" square>...</me-paper>

API

AttributeTypeDefaultDescription
elevation0–241Shadow depth.
variantelevation | outlinedelevationoutlined uses a border instead of shadow.
squarebooleanfalseRemoves border-radius.