Examples
Explore these examples to learn how to build UIs with Constela.
Counter
A basic counter example demonstrating state management with increment, decrement, and reset actions.
Number stateActions with stepsClick event handlersState updates (increment, decrement, set)
Todo List
A todo list example demonstrating list state management, input binding, and iteration with the each loop.
List stateString stateInput binding with onInputEach loop for iterationList operations (push, remove)Action payload passing
Fetch List
An example demonstrating how to fetch data from an API with loading states and error handling.
Fetch step for HTTP requestsLoading state managementonSuccess and onError handlersConditional rendering with ifObject property access with pathBinary expressions for comparison
Router
A multi-page routing example demonstrating navigation, nested routes, and dynamic parameters.
@constela/router packageRoute definitionsLink component for navigationNested routes with OutletDynamic route parametersRoute param expressions