@shipsmartbrasil/vue-grid

Biblioteca de componentes de tabelas e grids para Vue 3 + TypeScript, criada para fornecer uma estrutura padronizada, performática e responsiva entre os projetos ShipSmart.

NPM: https://www.npmjs.com/package/@shipsmartbrasil/vue-grid

📦 Instalação

npm install @shipsmartbrasil/vue-grid
# ou
yarn add @shipsmartbrasil/vue-grid

🎨 Importação dos estilos

No arquivo main.ts ou main.js, importe o estilo global:

import '@shipsmartbrasil/vue-grid/dist/style.css';

🧩 Nomenclatura dos componentes

Todos os componentes seguem o padrão:

Ship[NomeDoComponente]

Exemplo:

<ShipTableGrid :items="data" />

📚 Componentes disponíveis

• ShipTableGrid -- Tabela responsiva com suporte a colunas dinâmicas\
• ShipTableGridFilterColumns -- Filtro para exibir/ocultar colunas\
• ShipPagination -- Componente de paginação

📘 Exemplo de importação

<script setup lang="ts">
import { ShipTableGrid, ShipPagination } from '@shipsmartbrasil/vue-grid';

</script>