wingsuit
wingsuit copied to clipboard
Twig for Storybook
Build bulletproof TWIG Components in Storybook
- Describe, develop and test your Pattern in storybook with twing.
- Use the same pattern in Drupal with UI Patterns without any presenter pattern
- Starterkits for:
- Tailwind + Alpinejs
- Boostrap + jQuery
- Bundled Webpack base configuration to keep everything up to date.
Documentation
Check out the Wingsuit documentation for more information.
Prerequisites
Quickstart
- To install run inside
themes/custom
:
npx @wingsuit-designsystem/cli init
- Then
cd wingsuit/
and run:
NPM
To start storybook
npm run dev:storybook
To start drupal
npm run dev:drupal
YARN
To start storybook
yarn dev:storybook
To start drupal
yarn dev:drupal
Generate new pattern
yarn ws generate-component
Develop Wingsuit
Help?
I am looking for help. You can ping me at drupaltwig@Slack
To develop Wingsuit you need yarn
.
- Clone repository:
git clone [email protected]:wingsuit-designsystem/wingsuit.git
cd wingsuit
yarn bootstrap
yarn dev
- To start storybook
cd starter-kits/tailwind
and run:
yarn dev:storybook
- To start drupal
cd starter-kits/tailwind
and run:
yarn dev:drupal
- To build docs
yarn dev:drupal