| Feature | Demo |
|---|---|
| Broken Components |
I'm a broken component
Broken x-spread
|
| Simple x-if |
hey
|
| Dropdown |
|
| 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) |
|
| x-on:click.prevent | |
| 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) |
hey
|
| 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
|