@digix-ui/componentes

Biblioteca de Componentes Digix-ui

Esta biblioteca contém uma coleção de componentes React reutilizáveis para facilitar o desenvolvimento de interfaces de usuário aqui na Digix.

Componentes Disponíveis

Botões

• BotaoComTexto: Um botão simples com texto.
• BotaoComTextoEIcone: Um botão com texto e ícone.
• BotaoIcone: Um botão que contém apenas um ícone.

Formulários

• CaixaDeSelecao: Um componente de caixa de seleção.
• CaixasDeSelecao: Um grupo de caixas de seleção.
• CampoDeTexto: Um campo de entrada de texto.
• ErroNoFormulario: Um componente para exibir mensagens de erro em formulários.

Layout

• Cartao: Um componente de cartão para exibir conteúdo destacado.
• EstadoVazio: Um componente para indicar estados vazios.
• Header: Um cabeçalho para a aplicação.
• MenuLateral: Um menu lateral para navegação.

Navegação

• ItemDoMenu: Um item de menu para navegação.
• Link: Um link de navegação.
• LinkComIcone: Um link de navegação com ícone.

Mensagens

• Mensagem: Um componente para exibir mensagens.
• ContainerDeMensagensFlutuantes: Um contêiner para mensagens flutuantes.
• GerenciadorDeMensagem: Um gerenciador para controlar mensagens flutuantes.

Outros

• Carregamento: Um componente de carregamento.
• Dialogo: Um componente de diálogo/modal.
• SelectComAutocomplete: Um campo de seleção com autocomplete.
• SeletorDePagina: Um componente para seleção de páginas.

Instalação

Para instalar a biblioteca, use o npm ou yarn:

npm install @digix-ui/componentes
# ou
yarn add @digix-ui/componentes

Uso

Aqui está um exemplo de como usar um dos componentes:

import React from "react";
import { BotaoComTexto } from "@digix-ui/componentes";

const App = () => (
  <div>
    <BotaoComTexto>Clique aqui</BotaoComTexto>
  </div>
);

export default App;

Build

Para construir a biblioteca, siga os passos abaixo:

1. Certifique-se de que o campo main no package.json aponta para ./build/bundle.js.
2. Execute o script de build:

npm run build

Este comando criará a pasta build e gerará o arquivo bundle.js com os artefatos necessários.

Espero que isso ajude! Se precisar de mais alguma coisa, é só avisar. 😊