MoldeUIProvider

v0.1.5

Um provider de configurações que permite personalizar o comportamento dos componentes. Atualmente suporta integração com temas DaisyUI, permitindo que os componentes herdem automaticamente as cores, bordas e estilos do tema configurado.

✓

Integração DaisyUI

Herda automaticamente cores, bordas e estilos do tema DaisyUI configurado

✓

Opcional

Não é obrigatório - componentes funcionam normalmente sem o provider

✓

Context API

Usa React Context para compartilhar configurações entre componentes

✓

Personalização

Permite personalizar componentes a gosto do cliente

Instalação

npm install molde-ui
# or
pnpm add molde-ui
# or
yarn add molde-ui

Exemplo de Uso

import { MoldeUIProvider, Button, Input, Menu } from 'molde-ui';
import 'molde-ui/styles';

function App() {
  return (
    // Com tema DaisyUI ativado
    <MoldeUIProvider config={{ useDaisyUITheme: true }}>
      <div className="flex flex-col gap-4">
        <Button variant="primary">Botão com tema DaisyUI</Button>
        <Input placeholder="Input com tema DaisyUI" />
        <Menu items={menuItems} activePath="/home" />
      </div>
    </MoldeUIProvider>
    
    // Sem provider (comportamento padrão)
    // <Button variant="primary">Botão padrão</Button>
  );
}

Demonstração ao Vivo

Sem Provider (Comportamento Padrão)

Os componentes usam classes customizadas (molde-button, molde-input, etc.)

Com Provider (useDaisyUITheme: true)

Os componentes herdam automaticamente as cores, bordas e estilos do tema DaisyUI configurado

Como funciona:

Quando useDaisyUITheme: true, os componentes removem classes customizadas
Eles usam apenas classes DaisyUI (btn, input, etc.)
Herdam automaticamente cores, bordas e estilos do tema configurado
Permite personalização completa através dos temas DaisyUI

Propriedades

Propriedade	Tipo	Padrão	Descrição
config	MoldeUIConfig	-	Objeto de configuração do provider
config.useDaisyUITheme	boolean	false	Ativa a herança automática de temas DaisyUI nos componentes
children	ReactNode	-	Componentes filhos que receberão as configurações