Prodular UI

Customers

Pro

A full customer list with segment tabs, search, faceted filters, column options, bulk actions and pagination. Clicking a row opens the customer in a sheet with balances, invoices and activity.

Open full screen
Customers screen from Prodular UI

Install

The screen lands in app/customers/ with every component it uses. Change it like any other code in your app. It is part of Prodular UI Pro, so run npx prodular-ui login first. See pricing.

npx prodular-ui add customers

States

The screen ships with 5 states. Pick one with the tabs above the preview, with ?state= in the URL, or with the state prop from your app.

  • Default
  • Empty
  • Loading
  • Error
  • No results

Files

  • app/customers/page.tsx
  • app/customers/states.tsx
  • app/customers/customer-sheet.tsx
  • app/customers/app-shell.tsx
  • app/customers/data.ts