---
title: "Members page"
description: "Kilnwork's members for a pottery studio: views with counts, a searchable table with plan and pass filters and a bulk bar, and each member's membership and bookings beside it."
plan: Pro
docs: https://ui.edbn.me/docs/templates/members-page
---

# Members page

Kilnwork's members for a pottery studio: views with counts, a searchable table with plan and pass filters and a bulk bar, and each member's membership and bookings beside it.

The Kilnwork frame with Members › All members open in the section panel. The header counts Pine Street Pottery's 148 members and those with an active membership, with Export (a CSV of the rows shown) and Invite member. Views with their counts (All, Active, Paused, Passes only, Lapsed) sit above the Pro data table: member and email, membership with its state, class credits left, pass, last visit and joined, searchable by name or email and filtered by plan and by pass. Columns step aside as the table narrows. Ticking rows swaps the toolbar for a bulk bar: Message (one email on the Pro forms), Export, and Pause, which pauses every active membership chosen for 2 weeks from a picked date, says whose it skips and which classes it cancels, and offers Retry if the save fails. A member's name, or a click on their row, opens them: from 1280px in a panel beside the list, each scrolling on its own, with Close or Escape; narrower in the list's place with Back to members. The panel holds the membership-card block adapted, where pause, change plan and cancel save to the page and update the row, then a pass if they hold one and their recent bookings. Closing returns focus to their row. The sample opens on Jonah Price beside the list; without it, the list alone. The first change saved on the page fails once, to show Retry.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/members-page
```

## Dependencies
- npm: lucide-react@^1.33.0, @tanstack/react-table@^9.2.4, zod@^4.3.5
- edbn: edbn-base, avatar, badge, breadcrumb, button, calendar, card, checkbox, collapsible, dialog, dropdown-menu, field, input-group, kbd, meter, popover, select, separator, sheet, sidebar, spinner, tabs, text-link, toast, tooltip, data-table, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More lists & records templates

All 5, with install commands: https://ui.edbn.me/docs/templates/lists-and-records (Markdown: https://ui.edbn.me/docs/templates/lists-and-records.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt