Try coconut state + storybook control

src/coconut/storybook/Setup.hx

@@ -16,7 +16,7 @@ class Setup {
 
 			for (field in builder)
 				switch [field.kind, field.metaNamed(':story'), field.metaNamed(':state')] {
-					case [FFun(func), stories, v] if (stories.length > 0):
+					case [FFun(func), stories, states] if (stories.length > 0):
 						// wrap with Isolated, so changes will trigger re-render
 						function subst(e:Expr)
 							return switch e {
@@ -31,7 +31,7 @@ class Setup {
 						var init = [];
 
 						// add states
-						for (states in v)
+						for (states in states)
 							for (state in states.params)
 								switch state.expr {
 									case EVars(vars):

tests/Demo.hx

@@ -36,6 +36,17 @@ class Controls extends Component {
 			<p>Number Array: ${haxe.Json.stringify(args.narray)}</p>
 		</div>
 	';
+
+	@:story
+	@:state(var value:Int = 0)
+	function withState(args:Args) '
+		<div>
+			<p>Text: ${args.text}</p>
+			<button onclick=${value++}>
+				Clicked ${value} time(s)
+			</button>
+		</div>
+	';
 	// @formatter:on
 }