Shadow
December 31, 2018 ยท View on GitHub
Adds a configurable shadow to an element.
Main features
- Set z-depth
- Animate shadow change
Usage
Options
Shadow options
| Parameter | Required | Type | Default | Description |
|---|---|---|---|---|
| animated | optional | Boolean | false | Set to true to animate the shadow when setting a new shadow depth value. |
| shadowDepth | optional | Number 0-5 | 1 | Depth of the shadow; value 0 results in no shadow |
Common component options
| Parameter | Required | Type | Default | Description |
|---|---|---|---|---|
| after | optional | String, hyperscript or component | Extra content after main content; this content is placed right of preceding elements with a higher stacking depth | |
| before | optional | String, hyperscript or component | Extra content before main content; this content is placed left of subsequent elements with a lower stacking depth | |
| className | optional | String | Extra CSS class appended to pe-shadow | |
| content | optional | String, hyperscript or component | Any content; replaces children | |
| element | optional | String | "div" | HTML element tag |
| id | optional | String | HTML element id |