@mvr-ui/components
v1.0.80
Published
Esta é uma biblioteca de **componentes reutilizáveis** feita para aplicações em **React** e **Next.js**, com foco em produtividade, padronização visual e integração com formulários modernos.
Downloads
6,047
Readme
@marcos-vinicius-rodrigues/components
Esta é uma biblioteca de componentes reutilizáveis feita para aplicações em React e Next.js, com foco em produtividade, padronização visual e integração com formulários modernos.
⚠️ Para utilizar esta biblioteca, é necessário ativar a licença via
LicenseProvidercom uma senha de acesso.
Entre em contato com @marcos-vinicius-rodrigues para solicitar a sua chave de uso.
📦 Instalação
Você pode instalar via npm ou yarn:
npm install @marcos-vinicius-rodrigues/components
# ou
yarn add @marcos-vinicius-rodrigues/components
🔐 Ativação com LicenseProvider
Para que os componentes funcionem corretamente, é necessário envolver sua aplicação com o LicenseProvider e fornecer a senha de ativação:
import { LicenseProvider } from '@marcos-vinicius-rodrigues/components'
function App() {
return (
<LicenseProvider licenseKey="SUA_SENHA_AQUI">
{/* seus componentes aqui */}
</LicenseProvider>
)
}
🧩 Componentes Disponíveis
A biblioteca disponibiliza os seguintes componentes:
Campos de Formulário
CheckBoxInputLabelRadioSelectSwitchTextAreaValidateField(validação de campos)
Todos os componentes são escritos em TypeScript, com suporte completo ao React Hook Form, mas funcionam de forma independente também.
🛠️ Exemplo de Uso
import { Input, Label, ValidateField } from '@marcos-vinicius-rodrigues/components'
function MyForm() {
return (
<form>
<Label htmlFor="name">Nome</Label>
<Input id="name" placeholder="Digite seu nome" />
<ValidateField name="name" message="Campo obrigatório" />
</form>
)
}
💡 Requisitos
React 18+
TypeScript
Tailwind CSS (opcional, mas recomendado para estilos nativos)
📞 Suporte
Entre em contato com Marcos Vinicius Rodrigues para:
Solicitar a senha de ativação
Reportar bugs ou solicitar novos componentes
Contribuir com melhorias
🚀 Futuras melhorias
📌 Mais componentes visuais (modais, toasts, tooltips, etc.)
🌙 Suporte nativo a temas (light/dark)
🧪 Testes automatizados
📚 Documentação completa com Storybook
📝 Licença
Uso restrito mediante autorização.
Todos os direitos reservados © Marcos Vinicius Rodrigues
