@moduware/morph-view

1.1.0 • Public • Published

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 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

Readme

Keywords

none

Package Sidebar

Install

npm i @moduware/morph-view

Weekly Downloads

1

Version

1.1.0

License

Apache-2.0

Unpacked Size

25.2 kB

Total Files

9

Last publish

Collaborators

  • clint77