@toptal/picasso

Picasso is Toptal's component library, based on Toptal's design system - BASE. UI designs and documentation can be found for most components at picasso.toptal.net.

Installation instructions

yarn add @toptal/picasso @toptal/picasso-provider

Start using the library

import Picasso from '@toptal/picasso-provider'
import { Button } from '@toptal/picasso'
...

render () {
  return (
    <Picasso>
      <Button>Hello world!</Button>
    </Picasso>
  )
}

A Picasso component rendered at root level is required for the library theme configuration and theme to work properly.

Documentation

Documentation and demos are available at picasso.toptal.net.

Decisions

Our decisons are documented at GitHub

---