1.2.0 • Published 5 years ago

devbsb-ui-kit v1.2.0

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

DevBSB UI Kit 🌠

npm.io

Esse UI kit foi criado para facilitar a criação de aplicações ReactJS, com componentes prontos para ser utilizados. Utilizado nesse projeto: React, Typescript, Styled-Components, Storybook e React-Icons.

Storybook online šŸŒ

Código da aplicação no GitHub šŸ“

InstalaƧƵes e uso āš™

Crie um novo projeto com create react-app, ou utilize um existente e adicione o ui kit.

# Crie um novo projeto
$ yarn create react-app my-app

# Acesse a pasta do projeto
$ cd my-app/

# Instale o ui kit
$ yarn add devbsb-ui-kit

# Rode o projeto
$ yarn start

Pronto! Agora acesse nosso storybook, para utilizar os components.

Configuração e exemplo de uso āŒ›

Para não ter erros de css nas notificações, radio button e checkbox é preciso ter um arquivo de reset css no seu projeto, contendo:

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

Exemplo de uso do componente Spinner.

import React from 'react';
import { Spinner } from 'devbsb-ui-kit';

function Loading() {
    return(<Spinner />);
}

export default Loading;

Fonte recomendada para utilização do UI kit: Roboto e Roboto Mono.

Desenvolvimento šŸ“Œ

Clone ou faça o download desse repositório.

# Clone o repositório
$ git clone https://github.com/iaematt/ui-kit

# Acesse a pasta
$ cd ui-kit/

# Instale as dependencias
$ yarn

# Rode a aplicação
$ yarn storybook

# Para gerar sua aplicação
$ yarn build-storybook

Acesse localhost:8080 em seu navegador.

LicenƧa

Distribuƭdo sob a licenƧa MIT.

1.2.0

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.9

5 years ago

1.1.2

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago