@travelpassero/khaos

1.0.13 • Public • Published

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

  1. Go to the releases page in github khaos https://github.com/passero/Khaos/releases
  2. Then draft a new release. Select your branch instead of master and create a tag with the format 1.x.x-alpha.x
  3. 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

/@travelpassero/khaos/

    Package Sidebar

    Install

    npm i @travelpassero/khaos

    Weekly Downloads

    1

    Version

    1.0.13

    License

    MIT

    Unpacked Size

    4.55 MB

    Total Files

    203

    Last publish

    Collaborators

    • greenbauer
    • kyleacannon