?? HTML Content � click inside, then Ctrl+A ? Ctrl+C to copy

<section class="section">
  <div class="container">
    <p class="eyebrow">Contacts</p>
    <h1>All Contacts</h1>
    <div class="dual-pane">
      <aside style="order: 0;">
        <input type="checkbox" id="ft" class="filter-toggle-input">
        <label for="ft" class="filter-toggle-btn">&#9638; Filters <i class="filter-chevron">&#9660;</i></label>
        <div class="filter-panel">
        <div class="card">
          <h3>Search</h3>
          <label class="form-label" for="c-search">Name or email</label>
          <input class="form-input" type="search" id="c-search" name="q" placeholder="Search...">
        </div>
        <div class="card">
          <h3>Organization</h3>
          <div><label><input type="checkbox" name="org" value="1"> Acme Plumbing</label></div>
          <div><label><input type="checkbox" name="org" value="2"> ABC Heating</label></div>
          <div><label><input type="checkbox" name="org" value="3"> Lakeside Dental Group</label></div>
          <button type="button" class="btn btn--ghost btn--sm">Apply Filters</button>
                </div>
      </aside>
      <main>
        <div><a href="../create/" class="btn btn--primary btn--sm">+ New Contact</a></div>
        <table class="table table--striped">
          <thead>
            <tr>
              <th>Name</th>
              <th>Organization</th>
              <th>Phone</th>
              <th>Email</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><span style="display:flex;align-items:center;gap:10px;"><span class="avatar avatar--sm avatar--accent">JS</span>John Smith</span></td>
              <td>Acme Plumbing</td>
              <td>(312) 555-0155</td>
              <td>john@acme-plumbing.example</td>
              <td>
                <a href="../view/?id=1" class="btn btn--ghost btn--sm">View</a>
                <a href="../edit/?id=1" class="btn btn--outline btn--sm">Edit</a>
              </td>
            </tr>
            <tr>
              <td><span style="display:flex;align-items:center;gap:10px;"><span class="avatar avatar--sm avatar--accent">PP</span>Priya Patel</span></td>
              <td>Acme Plumbing</td>
              <td>(312) 555-0177</td>
              <td>priya@acme-plumbing.example</td>
              <td>
                <a href="../view/?id=2" class="btn btn--ghost btn--sm">View</a>
                <a href="../edit/?id=2" class="btn btn--outline btn--sm">Edit</a>
              </td>
            </tr>
            <tr>
              <td><span style="display:flex;align-items:center;gap:10px;"><span class="avatar avatar--sm avatar--accent">CD</span>Carlos Diaz</span></td>
              <td>Acme Plumbing</td>
              <td>(312) 555-0188</td>
              <td>carlos@acme-plumbing.example</td>
              <td>
                <a href="../view/?id=3" class="btn btn--ghost btn--sm">View</a>
                <a href="../edit/?id=3" class="btn btn--outline btn--sm">Edit</a>
              </td>
            </tr>
            <tr>
              <td>Mark Osei</td>
              <td>ABC Heating</td>
              <td>(630) 555-0144</td>
              <td>mark@abc-heating.example</td>
              <td>
                <a href="../view/?id=4" class="btn btn--ghost btn--sm">View</a>
                <a href="../edit/?id=4" class="btn btn--outline btn--sm">Edit</a>
              </td>
            </tr>
          </tbody>
        </table>
        <p>Showing 4 of 4 contacts.</p>
      </main>
    </div>
  </div>
</section>

Page Metadata

Contacts

All Contacts

+ New Contact

Name	Organization	Phone	Email	Actions
JSJohn Smith	Acme Plumbing	(312) 555-0155	john@acme-plumbing.example	View Edit
PPPriya Patel	Acme Plumbing	(312) 555-0177	priya@acme-plumbing.example	View Edit
CDCarlos Diaz	Acme Plumbing	(312) 555-0188	carlos@acme-plumbing.example	View Edit
Mark Osei	ABC Heating	(630) 555-0144	mark@abc-heating.example	View Edit

Showing 4 of 4 contacts.

Package
Title
URL	/admin/contact/list
Description	View, search and manage contacts
Purpose
Section Type
Section
globalContent
Sort Order
Field Def Set
Blueprints	JSON array
Section	JSON object
Reference