Getting Started

Installation

Lemonade is open source and available as an npm package.

To install and save it in your package.json, run in your terminal:

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

# with yarn
yarn add @lemonade/ui

The documentation is available at lemonade-ui.llypedev.com.br, the component stories at lemonade-ui.llypedev.com.br/storybook and the source code at github.com/llypeDev/lemonade-ui.

Font family: IBM Plex Sans

Lemonade was designed to use IBM Plex Sans as default font family, using the regular and bold styles from it.

You can install it in your app in numerous ways. For example:

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

Usage

Here's a quick demonstration of the library usage:

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'))