<morph-list-view-divider>

A divider web component for list view component.

morph-list-view-divider changes its look based on when it is either IOS device or Android device. Currently being updated to use lit-element as base class. More detailed documention coming soon.

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-divider element for IOS platform.

  

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

  

• Here is the morph-list-view-divider HTML markup for both IOS and Android platform

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

    <morph-list-view-divider>Divider</morph-list-view-divider>

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

    <morph-list-view-divider>Divider</morph-list-view-divider>

    <morph-list-view-item>Item 4</morph-list-view-item>
    <morph-list-view-item>Item 5</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