Getting Started
Instalation
Bold is open source and available as an npm package.
To install and save it in your package.json
, run in your interpreter:
# with npm
npm install bold-ui --save
# with yarn
yarn add bold-ui
Font family: IBM Plex Sans
Bold 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 'bold-ui'
const App = () => {
return <Button kind='primary'>Hello World</Button>
}
ReactDOM.render(<App />, document.querySelector('#root'))