The following examples are taken from htmx. The code is read only, but the demo is interactive.
| Pattern | Description |
|---|---|
| Click To Edit | Demonstrates inline editing of a data object |
| Bulk Update | Demonstrates bulk updating of multiple rows of data |
| Click To Load | Demonstrates clicking to load more rows in a table |
| Delete Row | Demonstrates row deletion in a table |
| Inline Validation | Demonstrates how to do inline field validation |
| Infinite Scroll | Demonstrates infinite scrolling of a page |
| Active Search | Demonstrates the active search box pattern |
| Progress Bar | Demonstrates a job-runner like progress bar |
| Value Select | Demonstrates making the values of a select dependent on another select |
| Dialogs | Demonstrates the prompt and confirm dialogs |
| Tabs | Demonstrates how to display and select tabs |
| Sortable | Demonstrates how to use htmx with the Sortable.js plugin to implement drag-and-drop reordering |