Setup

In react#

To use rosebox in react, please take the following steps:

  1. Install the following packages:
npm i @rosebox/core @rosebox/react
  1. Install the VScode-extension.

  2. Write your styles in files that match the pattern *.rb.ts.

@rosebox/core is the package that the contains the types, interfaces and functions, while @rosebox/react, which is built on top of the excellent packages jss and react-jss, integrates rosebox with react and enables runtime generation of CSS-classes.