Web Component Bridge

WildflowerJS data-model and data-bind working with Web Awesome 3.x components via the adapter registry.

registerAdapter() data-model data-bind data-model-event Shadow DOM Web Awesome 3.2

01 Two-Way Binding — wa-input & wa-textarea

data-model binds to Web Awesome inputs via the adapter. Type in any field and see state update in real time.

firstName:
lastName:
fullName:
bio:

02 Multiple Widget Types

wa-input, wa-select, wa-checkbox, wa-switch, and wa-rating — all bound via adapters with native events.

Developer Designer Manager QA Engineer
Subscribe to newsletter Dark mode
Satisfaction Rating

Live Preview

(/5)
newsletter dark mode
name:
role:
newsletter:
darkMode:
satisfaction:

03 Programmatic State Updates

Click a preset to update state programmatically. The adapter pushes values to Web Awesome components via property assignment.

To Do In Progress In Review Done
Preset: Backlog Preset: Sprint Preset: Ship It Clear
task:
status:
Bridge Active
wildflower.full.min.js + @awesome.me/webawesome@3.2.1