@shipsmartbrasil/vue-grid

@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:

[NomeDoComponente]

Exemplo:

<TableGrid :items="data" />

📚 Componentes disponíveis

• TableGrid -- Tabela responsiva com suporte a colunas dinâmicas\
• TableGridFilterColumns -- Filtro para exibir/ocultar colunas\
• Pagination -- Componente de paginação

📘 Exemplo de importação

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