Light Portal UI

Biblioteca de componentes React para o Light Portal, desenvolvida com TypeScript e Vite.

Instalação

pnpm add light-portal-ui

Documentação

Para obter informações detalhadas sobre a biblioteca, consulte nossa documentação:

• Documentação de Componentes - Detalhes sobre todos os componentes disponíveis
• Estrutura de Pastas - Explicação da organização do código fonte
• Geração de Bibliotecas com Vite e Rollup - Como a biblioteca é construída

Exemplo Rápido

import { AlertProvider, Modal, useModal, useAlert } from "light-portal-ui";

function App() {
  return (
    <AlertProvider>
      <YourApp />
    </AlertProvider>
  );
}

function YourApp() {
  const { isOpen, openModal, closeModal } = useModal();
  const { showSuccessAlert } = useAlert();

  const handleSuccess = () => {
    showSuccessAlert("Operação realizada com sucesso!");
    closeModal();
  };

  return (
    <>
      <button onClick={openModal}>Abrir Modal</button>

      <Modal isOpen={isOpen} onClose={closeModal} title="Exemplo">
        <div>
          <p>Conteúdo do modal</p>
          <button onClick={handleSuccess}>Confirmar</button>
        </div>
      </Modal>
    </>
  );
}

Contribuindo

Para contribuir com o projeto:

1. Faça um fork do repositório
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.