Reference
Find a native element, CSS hook, or complete workflow.
Recipes
34 results
Publishing and participation
Archive index recipePreview
Present a chronological, server-rendered list of editorial entries with excerpts and durable pagination links.
Editorial article recipePreview
Compose a long-form editorial page from page-shell, sticky sidebar, prose, table-of-contents, breadcrumbs, and ordinary series links without a dedicated article component.
Poll form recipePreview
Progressively enhance a canonical server-submitted POST form while keeping results, counts, and validation server-owned.
Forms, settings, and identity
Authentication flows recipePreview
Compose sign-in, recovery, verification, and sign-out pages from native forms and links while leaving identity and security truth on the server.
Drag-and-drop file uploader recipePreview
Enhance an ordinary multipart upload form with bounded drag-and-drop while keeping the native picker and server validation canonical.
Form validation recipePreview
Present native constraint validation and authoritative server errors without moving business rules into a design-system script.
Multi-step form recipePreview
Progress through a server-owned workflow using independently addressable steps and ordinary native forms.
Searchable multi-select recipePreview
Filter and submit multiple server-authoritative options through Datastar fragments while preserving an ordinary multi-value form fallback. The primary fixture uses a checkbox group; a native multiple-select is a separate alternative, not a second control model in the same fixture.
Settings and preferences recipePreview
Edit server-authoritative profile and preference values through grouped native controls with explicit save and cancel behavior.
Uploads recipePreview
Submit files through native multipart forms with optional server progress fragments.
Commerce and orders
Availability patternPreview
Explain server-confirmed inventory changes and offer explicit cart corrections without client-owned stock state.
Cart patternPreview
Present server-owned cart lines and totals with durable update, removal, product, and checkout destinations.
Checkout patternPreview
Collect non-payment checkout information in ordinary server-submittable steps while leaving payment collection to a secure integration.
Discounts patternPreview
Submit discount codes to the server and render authoritative eligibility, errors, applied discounts, and recalculated totals.
Mini-cart drawer recipePreview
Offer a progressively enhanced cart summary while retaining a durable full-cart destination and server-owned totals.
Order status patternPreview
Render authoritative order progress, timestamps, expectations, and durable receipt and support destinations.
Data and editing
Bulk actions recipePreview
Apply one server-validated command to explicitly selected record identifiers.
CRUD detail recipePreview
Render one server-authoritative record with durable list and edit navigation.
CRUD edit recipePreview
Edit a server-owned record through a native form with authoritative validation and cancellation.
CRUD list recipePreview
Render a server-authoritative collection with durable detail/edit links and optional fragment refresh.
Dashboard recipePreview
Compose server-rendered operational summaries with durable links to authoritative detail views.
Data table recipePreview
Present server-filtered and server-sorted tabular data with native semantics and a canonical GET URL.
Filtered data view recipePreview
Filter arbitrary server-rendered datasets with an enhanced partial-update loop while keeping every committed view addressable by an ordinary GET URL.
Inline editing recipePreview
Swap a bounded server-rendered row between display and native edit forms without making the browser the record authority.
Interactive charts recipePreview
Present server-shaped data visually while retaining a complete textual summary and accessible table as canonical evidence.
SVG chart primitives recipePreview
Render server-shaped SVG charts with a concise textual summary and equivalent semantic data table.
Search and commands
Command palette recipePreview
Provide a native-dialog shortcut to server search while retaining an ordinary search destination and server-owned result actions.
Command workflows recipePreview
Queue consequential server commands through explicit native confirmation forms.
Search and results recipePreview
Progressively enhance a named site-search landmark around a canonical server-submitted GET form while keeping results and counts server-owned.
Search result list recipePreview
Render a concise server-authored list of command and navigation results whose actions remain ordinary links or forms.
Overlays and contextual actions
Context menu recipePreview
Expose contextual actions through an ordinary native details/summary disclosure and semantic links/forms. Pointer context-menu positioning, command dispatch, Escape dismissal, and focus restoration are future enhancements, not shipped.
Hover card recipePreview
Offer optional compact linked context through an authored native popover while keeping activation and a full destination available to every input mode. Hover activation and command behavior are future enhancements, not shipped by this item.
Live updates
Notifications recipePreview
Render durable server-owned notifications with accessible destinations and mutations.
Realtime jobs recipePreview
Show durable job state with bounded realtime updates and native cancellation.