Skip to content

Latest commit

 

History

History
52 lines (30 loc) · 1.52 KB

README.md

File metadata and controls

52 lines (30 loc) · 1.52 KB

Svelte Material UI - Paper

An elevated and/or colored surface.

Installation

npm install --save-dev @smui/paper

Examples and Usage Information

https://sveltematerialui.com/demo/paper

Exports

(default)

A paper surface.

Props / Defaults

  • use: [] - An array of Svelte actions and/or arrays of an action and its options.
  • class: '' - A CSS class string.
  • 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.

Title

A fragment used as a title on the Paper.

Equivalent to the ClassAdder with H5 common component.

Subtitle

A fragment used as a subtitle on the Paper.

Equivalent to the ClassAdder with H6 common component.

Content

A fragment used as a body of the Paper.

Equivalent to the ClassAdder with Div common component.

More Information

See Elevation in the Material design spec.

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