@shipsmartbrasil/vue-forms

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

[NomeDoComponente]

Exemplo:

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

📚 Componentes disponíveis

• Checkbox
• ImageCropper
• Input
• InputDate
• InputFile
• Radio
• RadioButton
• Select
• SelectOptGroup
• Switch
• DropdownButton
• Label

📘 Exemplo de uso

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

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