Loki Storybook UI Support

Addition UI Library support for Loki

Rationale

Loki supports React, React Native, and Vue out of the box. Storybook supports several other UI libraries.

Limitations

These additional libraries do not currently support Native (iOS, or Android), and there are no plans to support them.

Supported platforms

- Chrome in docker (recommended)
- Local Chrome application

Installation

Install Loki

``
npm install loki --save-dev
npx loki init
`

Install Loki Storybook UI Support

`
npm install @amindunited/loki-storybook-ui-support --save-dev
`
Add Loki configuration to your package.json

`JSON
"loki": {
"configurations": {
"chrome.laptop": {
"target": "chrome.app",
"width": 1366,
"height": 768,
"deviceScaleFactor": 1,
"mobile": false
},
"chrome.iphone7": {
"target": "chrome.app",
"preset": "iPhone 7"
},
"chrome.iphone6": {
"target": "chrome.app",
"preset": "iPhone 7"
}
}
`

Add Loki to your .storybook/config.js

`
import '@amindunited/loki-storybook-ui-support/configure-html';
``

Additional Loki Workflow, and configuration documentation can be found at the Loki project page