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://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/passero/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 @passero/khaos@1.x.x-alpha.x
NPM Package:
Check the latest version: https://www.npmjs.com/package/passero-khaos
install: npm install @passero/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
- SurveyRespondedResultsContainer
Cards:
- IdeaCard
- ItineraryCardRow
- ItinerayIdeaCard
- JourneyCard
- SurveyResultsIdeaCard
- SurveyCard
- SurveyQuestionCard
- SurveyRespondedResultsCard
- SurveyResultCard
Forms:
- AddItineraryNoteForm
- IdeaForm
- JourneyForm
- CreateSurveyBinary
- CreateSurveyCheckboxes
- CreateSurveyDates
- CreateSurveyName
- CreateSurveyQuestion
- CreateSurveyRankTiles
- ItineraryQuickAddForm