iberdinsky-skilld

iberdinsky-skilld/sdc-addon

Drupal Single Directory Components as stories

TypeScript
33
7
MIT License

The SDC Storybook Addon streamlines the integration of Drupal Single Directory Components (SDC) into Storybook by dynamically loading YAML-configured components as stories, enabling developers to create and manage component stories with minimal configuration. It supports both Twig.js and Twing.js for template processing, includes JSON Schema validation for props and slots, and allows embedding Drupal behaviors for consistent component functionality. This tool is ideal for frontend developers and Drupal themers who want to build and test SDC components in isolation without requiring a full Drupal setup, while benefiting from Storybook’s industry-standard component development environment.

Total donated
Undistributed
Share with your subscribers:

Recipients

How the donated funds are distributed

Support the dependencies of iberdinsky-skilld/sdc-addon

Account's avatar
Generate valid JSON data from JSON Schema definitions
Account's avatar
A fast and easy to use JSON Schema validator
Account's avatar
A light-weight module that brings Fetch API to node.js
Account's avatar
super fast, all natural json logger
Account's avatar
JavaScript parser and stringifier for YAML
Account's avatar
Provides a ⚡️ Vite plugin to transform 🌱 Twig into HTML with a 💧 Drupal flavour
Account's avatar
Provides a ⚡️ Vite plugin to transform 🌱 Twing.js into HTML with a 💧 Drupal flavour
Account's avatar
Storybook Docs: Document UI components automatically with stories and MDX
Account's avatar
Storybook Links: Link stories together to build demos and prototypes with your UI components
Account's avatar
Storybook for HTML and Vite: Develop, document, and test UI components in isolation
Account's avatar
TypeScript definitions for json-schema
Account's avatar
TypeScript definitions for lodash-es
Account's avatar
TypeScript definitions for node
Account's avatar
TypeScript definitions for node-fetch
Account's avatar
TypeScript definitions for twig
Account's avatar
CLI tools to help facilitate semantic versioning based on GitHub PR labels
Account's avatar
A string tag that strips indentation from multi-line strings. ⬅️
Account's avatar
React is a JavaScript library for building user interfaces.
Account's avatar
React package for working with the DOM.
Account's avatar
Storybook: Develop, document, and test UI components in isolation
Account's avatar
Bundle your TypeScript library with no config, powered by esbuild
Account's avatar
TypeScript is a language for application scale JavaScript development
Account's avatar
Native-ESM powered web dev build tool
Account's avatar
Next generation testing framework powered by Vite
Account's avatar
A tool for writing better scripts

Support the repos that depend on iberdinsky-skilld/sdc-addon

Top contributors

iberdinsky-skilld's profile
iberdinsky-skilld
384 contributions
christianwiedemann's profile
christianwiedemann
46 contributions
lukewhitmore's profile
lukewhitmore
5 contributions
Fred-Boulanger's profile
Fred-Boulanger
2 contributions
MarcLeLimantour's profile
MarcLeLimantour
2 contributions

Recent events

Kivach works on the Obyte network, and therefore you can track all donations.

No events yet