mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-01 23:11:12 +00:00
29 lines
1.5 KiB
Markdown
29 lines
1.5 KiB
Markdown
---
|
|
layout: layout.njk
|
|
title: </> htmx - UX Patterns
|
|
---
|
|
|
|
## UI Examples
|
|
|
|
Below are a set of UX patterns implemented in htmx with minimal HTML and styling.
|
|
|
|
You can copy and paste them and then adjust them for your needs.
|
|
|
|
| Pattern | Description |
|
|
|-----------|-------------|
|
|
| [Click To Edit](/examples/click-to-edit) | Demonstrates inline editing of a data object
|
|
| [Bulk Update](/examples/bulk-update) | Demonstrates bulk updating of multiple rows of data
|
|
| [Click To Load](/examples/click-to-load) | Demonstrates clicking to load more rows in a table
|
|
| [Delete Row](/examples/delete-row) | Demonstrates row deletion in a table
|
|
| [Lazy Loading](/examples/lazy-load) | Demonstrates how to lazy load content
|
|
| [Inline Validation](/examples/inline-validation) | Demonstrates how to do inline field validation
|
|
| [Infinite Scroll](/examples/infinite-scroll) | Demonstrates infinite scrolling of a page
|
|
| [Active Search](/examples/active-search) | Demonstrates the active search box pattern
|
|
| [Progress Bar](/examples/progress-bar) | Demonstrates a job-runner like progress bar
|
|
| [Value Select](/examples/value-select) | Demonstrates making the values of a select dependent on another select
|
|
| [Animations](/examples/animations) | Demonstrates various animation techniques
|
|
| [Dialogs - Browser](/examples/dialogs) | Demonstrates the prompt and confirm dialogs
|
|
| [Dialogs - UIKIt](/examples/modal-uikit) | Demonstrates modal dialogs using UIKit
|
|
| [Dialogs - Bootstrap](/examples/modal-bootstrap) | Demonstrates modal dialogs using Bootstrap
|
|
|