GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → do-wa → xstate-addon

do-wa / xstate-addon

Licence: MIT license
Storybook addon for xstate

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

statechartstorybook-addon

Projects that are alternatives of or similar to xstate-addon

statechart
A rust implementation of statecharts: hierarchical, reactive state machines
Stars: ✭ 41 (+105%)
Mutual labels:  statechart
ember-statechart-component
Statecharts as components. No classes. Pure declarative state transitions.
Stars: ✭ 28 (+40%)
Mutual labels:  statechart
gamma
An Eclipse-based modeling framework for the component-based design and analysis of reactive systems
Stars: ✭ 21 (+5%)
Mutual labels:  statechart
ScxmlEditor-Tutorial
ScxmlEditor - powerful tool for creating, editing and debugging scxml files
Stars: ✭ 33 (+65%)
Mutual labels:  statechart
StateBuilder
State machine code generator for C++ and Java.
Stars: ✭ 30 (+50%)
Mutual labels:  statechart
use-secret-code
Custom hook for adding cheat codes to your React app.
Stars: ✭ 16 (-20%)
Mutual labels:  statechart
storybook-addon-matrix
Storybook addon for rendering components with a matrix of props
Stars: ✭ 32 (+60%)
Mutual labels:  storybook-addon
xstate
State machines and statecharts for the modern web.
Stars: ✭ 21,286 (+106330%)
Mutual labels:  statechart
redux-statechart
A tiny library make redux state possessed with both finite and infinite states.
Stars: ✭ 26 (+30%)
Mutual labels:  statechart
react-material-color-picker
react-material-color-picker component for selecting colors from google material color palette 📃
Stars: ✭ 19 (-5%)
Mutual labels:  storybook-addon
Xstate
State machines and statecharts for the modern web.
Stars: ✭ 18,300 (+91400%)
Mutual labels:  statechart
storybook-addon-paddings
🔲 A Storybook addon to add different paddings to your preview
Stars: ✭ 30 (+50%)
Mutual labels:  storybook-addon
ThingML
The ThingML modelling language
Stars: ✭ 91 (+355%)
Mutual labels:  statechart
qm
QM model-based design tool and code generator based on UML state machines
Stars: ✭ 54 (+170%)
Mutual labels:  statechart
qp-arduino
QP real-time embedded frameworks/RTOS for Arduino (AVR and SAM)
Stars: ✭ 37 (+85%)
Mutual labels:  statechart
storybook-addon-intl
Addon to provide a locale switcher and react-intl for storybook
Stars: ✭ 84 (+320%)
Mutual labels:  storybook-addon
storybook-addon-xd-designs
For adobe XD. Demo at https://morgs32.github.io/storybook-addon-xd-designs
Stars: ✭ 41 (+105%)
Mutual labels:  storybook-addon
simple-state-machine
A simple Java state machine for Spring Boot projects
Stars: ✭ 25 (+25%)
Mutual labels:  statechart
storybook-graphql-kit
Write GraphQL queries and pass response data to your components
Stars: ✭ 19 (-5%)
Mutual labels:  storybook-addon
storybook-addon-mock
This addon allows you to mock fetch or XMLHttpRequest in the storybook.
Stars: ✭ 67 (+235%)
Mutual labels:  storybook-addon
View All Similar Projects ➔

WARNING

this project is not actively maintained

based on xstate v3.2 and storybook v3.4

xstate-addon

A storybook addon project for xstate (https://github.com/davidkpiano/xstate)

The project is in an early stage. Everyone who is interested in bringing this project forward is welcome to contribute ideas, docs and code.

install

npm i storybook-addon-xstate -D

register

addons.js

import 'storybook-addon-xstate/register';

story

import { WithXStateGraph } from 'storybook-addon-xstate';

<WithXStateGraph
   machine={xstateMachine}
   onTransition={onEvent}
   currentState={currentState}
>
  <TrafficLight light={currentState} />
 </WithXStateGraph>

basic idea

Basic Idea

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].