1.1.0 • Published 5 years ago

@moduware/morph-view v1.1.0

Weekly downloads
1
License
Apache-2.0
Repository
github
Last release
5 years ago

morph-view

License Published on webcomponents.org

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 AttributeTypeDescriptionDefault
revealStringTakes the value of left or rightnull

Styling

Custom propertyDescriptionDefault
--reveal-widthWidth of the reveal260px

Further help

For more information on how to install and run test please go here - Polymorph elements getting started