2.0.0 • Published 6 years ago

@moduware/morph-list-view-title v2.0.0

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

morph-list-view-title

License Published on webcomponents.org

A title web component using LitElement as base class for list view element.

morph-list-view-title changes its look based on when it is either IOS device or Android device.

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

  • For an inline demo you can edit please see morph-list-view component on webcomponents website here morph-list-view

  • Here is a quick demo of the morph-list-view-title element for IOS platform.

  • Here is a quick demo of the morph-list-view-title element for Android platform.

  • Here is the HTML markup for both IOS and Android platform

<template>
  <morph-list-view>
    <morph-list-view-title>Title 1</morph-list-view-title>

    <morph-list-view-item>Item 1</morph-list-view-item>
    <morph-list-view-item>Item 2</morph-list-view-item>
    <morph-list-view-item>Item 3</morph-list-view-item>

    <morph-list-view-title>Title 2</morph-list-view-title>

    <morph-list-view-item>Item 1</morph-list-view-item>
    <morph-list-view-item>Item 2</morph-list-view-item>
    <morph-list-view-item>Item 3</morph-list-view-item>
  </morph-list-view>
</template>

Further help

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