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