@levantr/khaos NPM

This project was bootstrapped with Create React App and storybook. Hosted on github-pages. Styled with Ant design.

Available Scripts

In the project directory, you can run:

`yarn run storybook`

Runs the storybook app in the development mode. Open http://localhost:6006 to view it in the browser.

The page will reload if you make edits.

To locally link with a dependent project:

Follow the steps for using yarn link.

After setting this up, you may see a react hooks error in the browser. In that case, also link react and react-dom by running:

cd PACKAGE_YOU_DEBUG_LOCALLY
yarn link
yarn install
cd node_modules/react
yarn link
cd ../../node_modules/react-dom
yarn link
cd YOUR_PROJECT
yarn link PACKAGE_YOU_DEBUG_LOCALLY
yarn link react
yarn link react-dom

To view new changes on the dependent project run yarn build

`yarn run deploy-storybook`

Builds the application, adds the static files to the docs folder, then deploys to the gh-pages url.

Deployed to:

https://rhinolabs.github.io/levantr-khaos/index.html

and

https://www.chromatic.com/start

To get access:

Go to http://checkip.amazonaws.com/

And give that address to an admin to grant you access

or we can give the chromatic access token link.

Drafting a alpha test release

Go to the releases page in github khaos https://github.com/Levantr/Khaos/releases
Then draft a new release. Select your branch instead of master and create a tag with the format 1.x.x-alpha.x
In your emerald branch run yarn add @levantr/khaos@1.x.x-alpha.x

NPM Package:

Check the latest version: https://www.npmjs.com/package/levantr-khaos

install: npm install levantr-khaos

Atoms:

Button
CalendarButton
CardFolder
Checkbox
CircleCheckbox
HorizontalDateIcon
Typography

Molecules:

BinaryChoiceQuestion
Calendar
CalendarExpanded
CenterModal
DrawerModal
Footer
HorizontalItineraryScroll
LeftNav
MultipleChoiceQuestion
ResultsPreferred
ResultsTable
SurveyCardFooter
TilesChoiceQuestion
TopTitleIconBar

Organisms:

Layout
SurveyQuestionsSidePage
SurveyRespondedResultsContainer

Cards:

IdeaCard
ItineraryCardRow
ItinerayIdeaCard
JourneyCard
SurveyResultsIdeaCard
SurveyCard
SurveyQuestionCard
SurveyRespondedResultsCard
SurveyResultCard

Forms:

AddItineraryNoteForm
IdeaForm
JourneyForm
CreateSurveyBinary
CreateSurveyCheckboxes
CreateSurveyDates
CreateSurveyName
CreateSurveyQuestion
CreateSurveyRankTiles
ItineraryQuickAddForm