Skip to content

Getting Started


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=",400i,700,700i" rel="stylesheet" />


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

Interactive demo (CodeSandbox)

Universidade Federal de Santa CatarinaLaboratório Bridge
Siga o Laboratório no LinkedinPágina do Laboratório no FacebookRepositório GithubSiga o Laboratório no Instagram

Laboratório Bridge. 2019.