Skip to contents

Setup

Use Alpine in your App

use_alpine()
Activate Alpine.js and plugins in Shiny app

Alpine Store Synchronisation

synchronise data between Shiny and Alpine.js in the client

AlpineStore
Alpine.js Store Manager

Alpine Directive Helpers

Add alpine directive attributes to HTML-Tags

s
The Sherpa Tag Proxy
`%s%`
Sherpa Attribute Operator
x_attr_builder()
Helper to construct Alpine.js attributes
x_bind()
Attribute Binding
x_change()
Change Event Shortcut
x_click()
Click Event Shortcut
x_cloak()
Hide Elements until Alpine is Loaded
x_data()
Define Alpine Component Data
x_effect()
Reactive Effects (x-effect)
x_for()
Loop Through Data (x-for)
x_html()
Bind HTML Content
x_id()
Generate Unique IDs
x_if()
Conditional Rendering (x-if)
x_ignore()
Ignore Element for Alpine
x_init()
Alpine Initialization Hook
x_model()
Two-Way Data Binding
x_modelable()
Expose Properties to x-model
x_on()
Event Listener
x_ref()
Utility for accessing DOM elements directly.
x_show()
Toggle Visibility
x_store_ref()
Access an Alpine Store
x_teleport()
Teleport DOM Elements
x_text()
Bind Text Content
x_transition()
Apply CSS Transitions