@toptal/utilities-ui-library NPM

⚠️ Important! DO NOT USE SQUASH MERGE because the commit-analyzer will not pick up the changes and will not be able to create a proper CHANGELOG

Site Acquisition UI Library

This is a React component library that uses Typescript as it's main language. There is a storybook available for component development. This library is primarily inteded use is within Next.js SSR|SSG projects, that's why Next.js environment is available to be able to quickly test your new components.

Getting Started

This package is public so it can be directly used:

$ yarn add @toptal/utilities-ui-library

Use it like you would use any other component library

import { CodeEditor } from '@toptal/utilities-ui-library'

export default () => {
  return <CodeEditor />
}

Theming

Library supports theming with theme provider and css variables. Usually components created inside this library use css variables, while those imported from @toptal/picasso will use colors from theme provider. Refer to colors.scss and palette.ts find which colors are used.