Live Content

Basic Injection (Replace)

Click the button to fetch server-rendered content and replace the target area.

Append Mode

Each click appends a new notification to the end of the list.

Prepend Mode

New content is inserted at the beginning of the target, pushing older items down.

Counter via Partial Swap

The counter is stored in the session and updates reactively through live injection.

Add & Clear Notifications

Add notifications to the list, or clear them all at once. Both operations happen without leaving the page.

Real-Time Updates

Need server-pushed updates without polling? Wired variables broadcast over WebSocket and every w-bind element updates instantly — across pages and browsers.

How It Works

Live Content Injection

This page demonstrates live content injection without full page reloads. Each button uses w-get to fetch a partial template from the server, w-target to select the destination element, and w-swap to control insertion mode (replace, append, or prepend). Session state persists across requests, enabling counters and notification lists that survive interactions.

Source

Loading...