@shipsmartbrasil/vue-forms

Biblioteca de componentes de formulários para Vue 3 + TypeScript, criada para padronizar campos, melhorar produtividade e garantir consistência visual entre projetos ShipSmart.

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

📦 Instalação

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

🎨 Importação dos estilos

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

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

🧩 Nomenclatura dos componentes

Todos os componentes seguem o padrão:

Ship[NomeDoComponente]

Exemplo:

<ShipInput v-model="value" label="Nome" />

📚 Componentes disponíveis

• ShipCheckbox
• ShipImageCropper
• ShipInput
• ShipInputDate
• ShipInputFile
• ShipRadio
• ShipRadioButton
• ShipSelect
• ShipSelectOptGroup
• ShipSwitch
• ShipDropdownButton
• ShipLabel

📘 Exemplo de uso

<script setup lang="ts">
import { ShipInput } from '@shipsmartbrasil/vue-forms';
</script>

<template>
  <ShipInput
    v-model="name"
    label="Nome completo"
    placeholder="Digite seu nome"
  />
</template>