Live Pagination
Add reactive filters and page changes to ordinary pagination links.
pagination LiveComponent filters trait
All Demos
Discover all that Symfony UX offers through our collection of demos!
Source code is provided for each demo: PHP, Twig, JS, and CSS.
Cursor Pagination
Move through ordered values without letting earlier changes shift the current slice.
pagination cursor no-js
Pagination Themes
Render the same pages with a built-in theme or a focused Twig block override.
pagination Twig themes blocks
Removing a Component
Remove a LiveComponent after its final render, with an optional CSS exit animation.
remove animation LiveAction LiveResponse
Downloading Files
Download from a route or send generated content while preserving state and events.
file download events LiveAction
Infinite Scroll - 2/2
Loading on-scroll, flexible layout grid, colorfull loading animations and... more T-Shirts!
grid pagination loading scroll
Auto-Validating Form
Create a form that validates each field in-real-time as the user enters data!
form validation inline
Embedded CollectionType Form
Create embedded forms with functional "add" and "remove" buttons all in Twig.
form collection
Dependent Form Fields
After selecting the first field, automatically reload the options for a second field.
form field events
Invoice Creator
Create an invoice + line items that updates as you type.
form entity events LiveAction
Product Form + Category Modal
Create a Category on the fly - from inside a product form - via a modal.
form entity events modal
Uploading files
Upload file from your live component through a LiveAction.
form file upload LiveAction