<template>
  <z-block>

    <div style="margin: 100px 0">
      <z-chip label="Chip" />
      <codeblock class="col-12 row">
        &lt;z-chip label="Chip" />
      </codeblock>
    </div>

    <div style="margin: 100px 0">
      <h3 class="text-medium text-heading">Aktiv</h3>
      <z-chip label="Chip" active />
      <codeblock class="col-12 row">
        &lt;z-chip label="Chip" active />
      </codeblock>
    </div>

  </z-block>
</template>

<script>
// 
export default {
  name: 'dev-PageChip',
  components: {
    'codeblock': () => import('../Codeblock.vue'),
    'z-block': () => import('../../atom/ZBlock.vue'),
    'z-chip': () => import('../../atom/ZChip.vue')
  }
}
</script>
