Directives — Alpine.js

Alpine UI is on sale for Black Friday! 🎉 Get 50% off Alpine Components for Black Friday! Grab 'em here →

Start Here
Upgrade From V2
Essentials
- Installation
- State
- Templating
- Events
- Lifecycle
UI Components
- Dropdown
- Modal
Directives
- x-data
- x-init
- x-show
- x-bind
- x-on
- x-text
- x-html
- x-model
- x-modelable
- x-for
- x-transition
- x-effect
- x-ignore
- x-ref
- x-cloak
- x-teleport
- x-if
- x-id
Magics
- $el
- $refs
- $store
- $watch
- $dispatch
- $nextTick
- $root
- $data
- $id
Globals
Plugins
- Mask
- Intersect
- Resize
- Persist
- Focus
- Collapse
- Anchor
- Morph
- Sort
Advanced
- CSP
- Reactivity
- Extending
- Async

Code highlighting provided by Torchlight