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

store()
Create a Sherpa Store

Alpine Directive Helpers

Add alpine directive attributes to HTML-Tags

s
The Sherpa Tag Proxy
`%s%`
Sherpa Attribute Operator
x_anchor()
Alpine.js Anchor Directive
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_collapse()
Alpine.js Collapse Directive
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_intersect()
Alpine.js Intersect Directive
x_mask()
Alpine.js Mask Directive
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_resize()
Alpine.js Resize Directive
x_show()
Toggle Visibility
x_sort()
Alpine.js Sort Directive
x_store_ref()
Access an Alpine Store
x_teleport()
Teleport DOM Elements
x_text()
Bind Text Content
x_transition()
Apply CSS Transitions
x_trap()
Alpine.js Focus Trap Directive

HTML-Templates

html_template()
Create a Sherpa UI from an HTML Template
watch()
Activate Hot Module Reloading for a HTML-Template