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

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.

FIGMA

https://www.figma.com/design/DNUPKVvvLGx5oMEJ721Ukj/V1--Design-system-PGE?node-id=0-1&p=f&t=RIFLXN7wyH6Q4Bd4-0

Contribuiçaõ

Mudar a versão do package.json:

OBS: - Se for mudar apenas algo do que já existe, mudar apenas último número (Ex: adicionar uma props, mudar um estilo, etc...)

- Caso for algo novo, ou refatoracao, ai mudar totalmente a versao (Ex: "version": "10.0.0" )

    "version": "9.0.1",

Após o processo normal (Code review) - chamar @CESARSTURMER, para gerar nova versao na NPM