@mvr-ui/components

@mvr-ui/components

Uma biblioteca completa de componentes UI reutilizáveis para React e Next.js, focada em produtividade, padronização visual, experiência de desenvolvedor e integração avançada com formulários.

🌐 Documentação e Playground

https://mvr-ui-components.netlify.app

✨ Principais Características

• Componentes modernos e reutilizáveis

• Compatível com React e Next.js

• Integração nativa com React Hook Form

• Escrita 100% em TypeScript

• Estilos prontos e extensíveis

• Arquitetura escalável

• Proteção por licença (LicenseProvider)

📦 Instalação

npm  install  @mvr-ui/components

# ou

yarn  add  @mvr-ui/components

🔐 Ativação com LicenseProvider

import { LicenseProvider } from  '@marcos-vinicius-rodrigues/components'

  

export  function  App() {

return (

<LicenseProvider  licenseKey="SUA_CHAVE_AQUI">

{/* aplicação */}

</LicenseProvider>

)

}

🧩 Componentes

UI & Layout

Accordion, Badge, Button, Card, DropdownMenu, Feedback, FullPageError, Icons, Carousel, Container, Breadcrumb, Avatar, Skeleton, LoadingSpinner, Steps, Table, Timeline, Alert

Formulários

Input, TextArea, Select, ComboBox, CheckBox, Radio, Switch, OptInput, UploadFile, DatePicker, TimePicker, ColorPicker

Infraestrutura

Label, HelperField, ValidateField, FieldAddOns

🛠️ Exemplo

import { Input, Label, ValidateField, Button } from  '@mvr-ui/components'

  

export  function  MyForm() {

return (

<form>

<Label  htmlFor="name">Nome</Label>

<Input  id="name"  />

<ValidateField  name="name"  message="Campo obrigatório"  />

<Button>Enviar</Button>

</form>

)

}

📞 Contato

Marcos Vinicius Rodrigues

[e-mail]

📝 Licença

Uso restrito mediante autorização.