open-index/open-npm huggingface dataset:
npm package: @mvr-ui/components
Description: 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**.
Latest version: 1.0.109

# @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

  

```bash

npm  install  @mvr-ui/components

# ou

yarn  add  @mvr-ui/components

```

  

---

  

## 🔐 Ativação com LicenseProvider

  

```tsx

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

  

```tsx

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

marcos.vinicius.engsof@gmail.com

  

---

  

## 📝 Licença

  

Uso restrito mediante autorização.