Data display · Application UI
Index table
Sortable, row-selectable data table with an integrated bulk-action bar, sticky header, loading and empty states, and pagination. The signature Shopify-admin index.
@byronwade/foundation@byronwade/table@byronwade/checkbox@byronwade/bulk-action-bar@byronwade/skeleton@byronwade/button@byronwade/empty-state@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
6 examples
Default, Condensed, Empty, Loading, Selection, With Pagination.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/table | registry | Installed through the byronwade/ui registry. |
| @byronwade/checkbox | registry | Installed through the byronwade/ui registry. |
| @byronwade/bulk-action-bar | registry | Installed through the byronwade/ui registry. |
| @byronwade/skeleton | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/empty-state | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/index-table.tsx |
| Default example | content/examples/index-table/default.tsx |
| Condensed example | content/examples/index-table/condensed.tsx |
| Empty example | content/examples/index-table/empty.tsx |
| Loading example | content/examples/index-table/loading.tsx |
| Selection example | content/examples/index-table/selection.tsx |
| With Pagination example | content/examples/index-table/with-pagination.tsx |