Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wingsuit-designsystem/wingsuit
Twig for Storybook
https://github.com/wingsuit-designsystem/wingsuit
storybook tailwindcss
Last synced: 2 days ago
JSON representation
Twig for Storybook
- Host: GitHub
- URL: https://github.com/wingsuit-designsystem/wingsuit
- Owner: wingsuit-designsystem
- License: gpl-2.0
- Created: 2020-01-18T22:11:44.000Z (about 5 years ago)
- Default Branch: 2.0.x
- Last Pushed: 2025-01-08T17:28:09.000Z (14 days ago)
- Last Synced: 2025-01-13T04:03:09.577Z (9 days ago)
- Topics: storybook, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 126 MB
- Stars: 94
- Watchers: 5
- Forks: 16
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Build bulletproof TWIG Components in Storybook
1. Describe, develop and test your Pattern in storybook with [twing](https://www.npmjs.com/package/twing).
1. Use the same pattern in Drupal with UI Patterns without any presenter pattern
1. Starterkits for:
* Tailwind + Alpinejs
* Boostrap + jQuery
1. Bundled Webpack base configuration to keep everything up to date.
## Documentation
Check out the Wingsuit documentation for more information..
## Prerequisites
- [Node `^12`](https://nodejs.org)
- [YARN `^1.19`](https://yarnpkg.com/)
- [PHP `^7.3.0`](https://php.net)
## Quickstart
1. To install run inside `themes/custom`:
```bash
npx @wingsuit-designsystem/cli init
```
1. Then `cd wingsuit/` and run:
#### NPM
To start storybook
```bash
npm run dev:storybook
```
To start drupal
```bash
npm run dev:drupal
```
#### YARN
To start storybook
```bash
yarn dev:storybook
```
To start drupal
```bash
yarn dev:drupal
```
## Generate new pattern
```bash
yarn ws generate-component
```
## Develop Wingsuit
### Help?
I am looking for help. You can ping me at [drupaltwig@Slack](https://drupaltwig.slack.com)
To develop Wingsuit you need `yarn`.
1. Clone repository:
```bash
git clone [email protected]:wingsuit-designsystem/wingsuit.git
cd wingsuit
yarn bootstrap
yarn dev
```
1. To start storybook `cd starter-kits/tailwind` and run:
```bash
yarn dev:storybook
```
1. To start drupal `cd starter-kits/tailwind` and run:
```bash
yarn dev:drupal
```
1. To build docs
```bash
yarn dev:drupal
```
## Running e2e tests
Tab 1
n
Tab 2
export CIRCLE_BRANCH=release-2-0
yarn config set registry http://localhost:6000
yarn test:e2e-framework