morph-view
Polymorph View element where we put all of our elements.
Morph Components are now updating from the current polymer base class to lit-element as base class. Components found in the master branch and in the npm registry are using lit-element and the older version with polymer will reside in the polymer-3.0
branch.
morph-view
is the containing parent element for components like morph-sidebar
Getting Started
For the information about how to clone the desired repository, running the local server and testing, please refer to Polymorph elements getting started docs at the end of this repository.
Demo
- Here is a quick usage example of the
morph-view
element.
<morph-view id="mainView" platform="ios">
<h3>Android morph-sidebar demo</h3>
<button id="sidebarLeftToggler">Toggle Left Sidebar</button>
</morph-view>
<morph-sidebar id="sidebarLeft" platform="android">
<p>Left Panel content here</p>
<p>simulated Android platform with cover animation and shadow</p>
</morph-sidebar>
Attributes
Custom Attribute | Type | Description | Default |
---|---|---|---|
reveal |
String | Takes the value of left or right | null |
Styling
Custom property | Description | Default |
---|---|---|
--reveal-width |
Width of the reveal | 260px |
Further help
For more information on how to install and run test please go here - Polymorph elements getting started