Biblioteca de componentes da PGE

My Component Library é uma biblioteca de componentes React criada com TypeScript e Storybook para desenvolvimento e documentação. Esta biblioteca oferece componentes reutilizáveis e testados para ajudar a acelerar o desenvolvimento de interfaces de usuário.

Índice

• Instalação
• Uso
• Desenvolvimento
• Template Pull Request

Instalação

Instale a biblioteca usando npm:

npm i pge-front-common

Uso

Instale a biblioteca usando npm:

Importar o stykes global para em seu App or layout

import "pge-front-common/lib/variables.css";

import React from "react";
import { Button } from "pge-front-common";

const App = () => {
  const handleClick = () => {
    alert("Button clicked!");
  };

  return (
    <div>
      <h1>Hello, World!</h1>
      <Button variant="secondary" text="Text" />
    </div>
  );
};

export default App;

Desenvolvimento

Instale as dependências do projeto:

npm install

Executando o Storybook Inicie o Storybook para visualizar e desenvolver componentes:

npm run storybook

O Storybook estará disponível em http://localhost:6006.

Template Pull Request

Qual é a Feature ou Bug

Como foi implementada a solução

Isso pode impactar outra parte do projeto

O que é esperado após esta implementaçã

Existem alterações na UI/UX? (screenshots, gravações de tela)

Como reproduzir esta feature/correção?