Data Display
Tables, card grids, stats, and dashboards
3 patterns available
``` ┌───────────────┬───────────────┬───────────────┐ │ │ │ │ │ ┌─────────┐ │ ┌─────────┐ │ ┌─────────┐ │ │ │ [Image] │ │ │ [Image] │ │ │ [Image] │ │ │ │ │ │ │ │ │ │ │ │
Card Grid
Multiple cards arranged in a responsive grid layout, commonly used for displaying collections of items or data
--grid--cards--gallery+3
``` ‹ Prev 1 2 3 4 5 Next › ``` Characteristics: - Works with server or client paging
Pagination
Controls to navigate through paged content or lists
--pagination--pager--navigation+1
``` ┌────────┬────────────┬──────────────┬──────────┐ │ Name │ Status │ Updated │ Actions │ ├────────┼────────────┼──────────────┼──────────┤ │ Item A │ Active │ 2026-02-01 │ [Edit] │ │ Item B │ Disabled │ 2026-01-12 │ [Edit] │
Table
Structured rows and columns for dense tabular data with sorting and pagination
--table--grid--rows+3