pge-design-system
v1.0.1
Published
[![npm version](https://badge.fury.io/js/my-component-library.svg)](https://badge.fury.io/js/my-component-library) [![Storybook](https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg)](https://my-component-library/storybook
Downloads
3
Readme
My Component Library
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
Instale a biblioteca usando npm:
npm install pge-design-system
Uso
Instale a biblioteca usando npm:
import React from 'react';
import { Button } from 'my-component-library';
const App: React.FC = () => {
const handleClick = () => {
alert('Button clicked!');
};
return (
<div>
<h1>Hello, World!</h1>
<Button label="Click Me" onClick={handleClick} />
</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.