@detachhead/smui-paper NPM

Svelte Material UI - Paper

An elevated and/or colored surface.

npm install --save-dev @smui/paper

A paper surface.

use: [] - An array of Svelte actions and/or arrays of an action and its options.
class: '' - A CSS class string.
variant: "raised" - The paper's style variant. ('raised', 'unelevated', or 'outlined')
square: false - Whether the component has square or rounded corners.
color: 'default' - The component's color. ('primary', 'secondary', 'default', or a custom color string defined with SASS)
elevation: 1 - The component's elevation. (integer between 0 and 24, inclusive)
transition: false - Trigger a transition animation when elevation is changed.

A fragment used as a title on the Paper.

A fragment used as a subtitle on the Paper.

A fragment used as a body of the Paper.

See Elevation in the Material design spec.

See Elevation in MDC-Web for information about the upstream library's architecture.