← All templates

Search Results

Full-text search results page with filter sidebar and results table.

CRUD
Open in editor →
Start typing to see your wireframe…

The Wiremark source

This is the entire template — edit it live in the editor, or paste it into any .wiremark file.

wiremarkUI
  header H "Search"

  page SEARCH "Search Results" {
    H

    toolbar {
      search "invoice Q4 2023"
      select "All types"
      select "Any date"
      button "Advanced filters"
    }

    section "Results" {
      text "42 results for \"invoice Q4 2023\""

      table "Documents" {
        columns "Name", "Type", "Owner", "Modified", "Actions"
        row "Q4 2023 Invoice — Acme Corp", "Invoice", "Alice M.", "Dec 12", "Open · Preview"
        row "Q4 2023 Invoice — Beta Ltd", "Invoice", "Bob C.", "Dec 8", "Open · Preview"
        row "Q4 Summary Report", "Report", "Carol W.", "Dec 20", "Open · Preview"
        row "Invoice Template 2023", "Template", "David K.", "Nov 3", "Open · Preview"
      }

      section "Filters" {
        card "Refine results" {
          select "Date range"
          select "Owner"
          select "File type"
          button "Apply filters" primary
          button "Clear all"
        }
      }
    }
  }