This repository is about offering a Storybook with all Web Components, which are build for any CMS but particularly used for Mutobo.
git clone git@github.com:mits-gossau/web-components-toolbox-storybook.gitcd web-components-toolbox-storybooknpm installnpm run updateGo for a coffee. This will take a while.
npm run storybookTake a look at package.json for other scripts.
You can find all stories in src/stories.
Take a look at the deployed Storybook.
To take over changes on stories just build Storybook with static files, create a commit and push it afterwards.
npm run buildgit add . && git commit -m "feat(storybook-static): build static files for Storybook" && git pushThis push triggers an action to auto deploy static Storybook files. See static.yml for more information.
This Storybook supports following clients (added as submodules in src):
- Default
- Alnatura
- Betriebsrestaurants
- Bülach Süd
- Eatery
- Hitzberger
- Kaimug
- Klubschule
- Logistikplattform
- Maker Space
- MDX
- corporate
- m
- showcase
- Migros City
- MigrosPro
- Mitreva
- Nature
- Neumarkt Altstetten
- Oranger Garten
- Park im Grüene
- StageOne
- Steps
- TechDay
- Yearbooks
- Zürisee Center
Hint: Update submodules
npm run update
At the moment the following components are included.
- Arrow
- Breadcrumb
- Button
- EmotionPictures
- GoogleMaps
- Hotspot
- IconAmp
- IconAmp
- IconAmp
- Iframe
- Input
- Link
- Loading
- Logo
- MenuIcon
- Picture
- SliderButton
- Video
- NewsList (wip)