@gbmtech/aurora-ui - Biblioteca de componentes GBM Tech & Control

@gbmtech/aurora-ui é uma biblioteca interna de componentes da GBM Tech & Control, desenvolvida com TailwindCSS para acelerar o desenvolvimento de aplicações web modernas da empresa. Ela oferece um sistema de design unificado e uma arquitetura de componentes robusta, promovendo consistência visual, escalabilidade e fácil manutenção em todos os projetos internos.

Instalação

Solicitar o token do NPM para baixar o pacote na aplicação

Incluir o token no arquivo .npmrc

Instalar @gbmtech/aurora-ui via npm:

``

sh

npm install @gbmtech/aurora-ui





Configuração



$3



Para habilitar o @gbmtech/aurora-ui, importe os estilos necessários para seu arquivo CSS global (e.g.,

/app/globals.css

):

css

@import "tailwindcss";



@import "@gbmtech/aurora-ui/styles.css";



@source '../../node_modules/@gbmtech/aurora-ui';





$3



Para otimizar a importação de pacotes, você precisa atualizar o arquivo

next.config.ts

 no seu projeto. Adicione a seguinte configuração:

ts

experimental: {

  optimizePackageImports: ['@gbmtech/aurora-ui'],

},





Esta configuração melhora o desempenho otimizando o processo de importação de bibliotecas de

@gbmtech/aurora-ui

.



Usage



@gbmtech/aurora-ui fornece uma variedade de componentes pré-criados que se integram perfeitamente ao seu aplicativo.



Exemplo de uso do componente Button:

ts

import { Button } from '@gbmtech/aurora-ui';



export default function Home() {

  return ;

}