Skip to content

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.