@zeedhi/zd-timeline NPM

Componente Timeline para Zeedhi

Instalação

Para instalar o pacote basta rodar o seguinte comando:\ npm i @zeedhi/zd-timeline\ Com isso, dois pacotes serão instalados: o @zeedhi/zd-timeline-common e o @zeedhi/zd-timeline-vue.\ Após a instalação, é necessário que você importe o pacote @zeedhi/zd-timeline-vue dentro de seu arquivo de configuração zeedhi.ts

import { ZdTimeline, ZdTimelineItem } from '@zeedhi/zd-timeline-vue';

Vue.component('ZdTimeline', ZdTimeline);
Vue.component('ZdTimelineItem', ZdTimelineItem);

Já o pacote @zeedhi/zd-timeline-common deve ser importado no arquivo controller do componente.

Uso Básico

Para usar, defina a propriedade component como 'ZdTimeline'.

{
  "name": "timeline-example",
  "component": "ZdTimeline",
  "items": [
    {
      "name": "item1BasicUsage",
      "component": "ZdTimelineItem",
      "children": [
        {
          "name": "text1BasicUsage",
          "component": "ZdText",
          "tag": "p",
          "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
        }
      ]
    },
    {
      "name": "item2BasicUsage",
      "component": "ZdTimelineItem",
      "children": [
        {
          "name": "text2BasicUsage",
          "component": "ZdText",
          "cssClass": "text-right",
          "tag": "p",
          "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
        }
      ]
    }
  ]
}