styleguide.md

Styleguide

For this Projoject we decided to use Jörg Bayreuther's (visualjerk) fantastic Design System called CION. (see a demo)

Developing with the Styleguide

{% tabs %} {% tab title="Yarn" %}

yarn styleguide

{% endtab %}

{% tab title="NPM" %}

npm run styleguide

{% endtab %} {% endtabs %}

Build

if you changed design tokens or other styles inside the styleguide, run the refresh command to build the styleguide as a lib.

{% hint style="info" %} The Styleguide is build when installing the UI via Yarn or NPM, but when you have changes inside the styleguide, you will need to run following command so they will be repflected in the main UI

We want to improve this in the future while running yarn dev. {% endhint %}

{% tabs %} {% tab title="Yarn" %}

yarn styleguide:build

{% endtab %}

{% tab title="NPM" %}

npm run styleguide:build

{% endtab %} {% endtabs %}