Divider example

Author: Templarian

src/pg/menuDivider/__examples__/basic/basic.html

@@ -0,0 +1,3 @@
+<div class="example">
+  <pg-menu part="menu"></pg-menu>
+</div>

src/pg/menuDivider/__examples__/basic/basic.ts

@@ -0,0 +1,28 @@
+import { Component, Part, Prop } from '@pictogrammers/element';
+
+import PgMenu from '../../../menu/menu';
+import PgMenuDivider from '../../menuDivider';
+
+import template from './basic.html';
+
+@Component({
+  selector: 'x-pg-menu-divider-basic',
+  template
+})
+export default class XPgMenuDividerBasic extends HTMLElement {
+  @Part() $menu: PgMenu;
+
+  connectedCallback() {
+    this.$menu.items = [{
+      label: 'Item 1',
+      value: 'item1'
+    },
+    {
+      type: PgMenuDivider
+    },
+    {
+      label: 'Item 2',
+      value: 'item2'
+    }];
+  }
+}