Feature | Demo
--- | ---
Broken Components | I'm a broken component Broken x-spread
Simple x-if |
Dropdown | Dropdown Body 6
Tabs | Tab Foo Tab Bar
Data Binding | Text: Checkbox: Radio: Select: Multiple Select:
Cast to number |
Nested Binding |
On Click | Hi There!
Refs | Remove Me
x-on:click.stop |
x-on:click (with return false) | I should be frozen on un-checked
x-on:click.prevent | Shouldn't go to Google
x-on:click.once |
Append DOM | Click me.
Append Nested DOM | Click me.
x-for |
Nested x-for |
x-for over a range using `i in 10` syntax |
x-for over a range using `i in 10` syntax and data property |
Transitions | hey
CSS animations | hey
Transitions (with x-if) |
Nested Transitions (with x-show) | I shouldn't leave until the transition finishes. I'm transitioning
Init function callback access refs and mutate data | hey
Dispatch |
x-bind spread | I should be "hey":
Cloak | I'm cloaked