@zeedhi/zd-dashboard-grid-common v1.6.6

Componente Dashbord Grid para Zeedhi

O component zd-dashboard-grid é um dashbaord onde os cards são posicionados em um grid

Instalação

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

import ZdDashboardGrid from '@zeedhi/zd-dashboard-grid-vue';

Vue.component('ZdDashboardGrid', ZdDashboardGrid);

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

Uso Básico

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

{
  "name": "dashboard-grid-example",
  "component": "ZdDashboardGrid"
}

Propriedades

Dashboard Grid Item

O dashboard grid item extende do componente ZdCard, além das propriedades do ZdCard também possui as propriedades listadas abaixo