Template
Stablev1.0.0Template

List Page

A full CRUD list page with a search bar, multi-filter dropdowns, a data table with row actions, bulk selection, pagination, and add/delete modals — all inside the standard app shell.

Live Preview

Interactive Preview Open full page

Components Used

Sidebar Topbar Table Input Select Modal Badge Button Avatar Pagination Empty State

Layout Structure

1
Page Header
Page title with subtitle and a primary CTA button to open the Add modal.
2
Filter Bar
Search input + status and plan dropdowns. All filters are applied instantly on input/change events.
3
Data Table
Checkbox bulk selection, avatar + email cells, badge status, and per-row Edit/Delete actions.
4
Empty State
Shown automatically when filters return no results.
5
Modals
Add Customer form modal and a Delete Confirm modal — both with backdrop click to dismiss.

Changelog

v1.0.0July 2026Added
  • Initial release — search, multi-filter, CRUD table, add/delete modals, empty state, pagination