Começando

Instalação

Lemonade é open source e disponível como um pacote npm.

Para instalar e salvar em seu package.json, rode em seu terminal:

# with npm
npm install @lemonade/ui --save

# with yarn
yarn add @lemonade/ui

A documentação está disponível em lemonade-ui.llypedev.com.br, as histórias dos componentes em lemonade-ui.llypedev.com.br/storybook e o código-fonte em github.com/llypeDev/lemonade-ui.

Font family: IBM Plex Sans

Lemonade foi projetado para usar IBM Plex Sans como tipografia padrão, com suas variações regular e bold.

Você pode instalar em sua aplicação de inúmeras formas. Por exemplo:

<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i" rel="stylesheet" />

Uso

Demonstração do uso da biblioteca:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@lemonade/ui'

const App = () => {
  return <Button kind='primary'>Hello World</Button>
}

ReactDOM.render(<App />, document.querySelector('#root'))