@moduware/morph-list-view-title

morph-list-view-title

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