Setup

Firstly, the CSS-in-JS solution requires compiling your design system into expanded design tokens with either the web-tsx, web-jsx, native-tsx, or native-jsx formats.

Next you'll need to install an integration of your choice.

Yarn

yarn add @aesthetic/<integration>

NPM

npm install @aesthetic/<integration>

Lastly, create a setup file for Aesthetic based configuration, typically within your project source. We'll name ours setup.ts going forward.

touch setup.ts

Preface

In this documentation, you'll come across code examples that import from @aesthetic/<integration>. This module should be replaced with your integration of choice. For example, if you're using React, you should import from @aesthetic/react instead.