Skip to component standard
Components

Data displayVisual draft 0.1

Data Table

Combines tabular comparison with sorting, filtering, selection, and row actions.

PatternComposed patternHTML first
01 / Preview

The current Angle direction.

3 selected
MemberTierValue
Avery MorganEpic$1,842
Jamie ChenRare$980
Robin HaleCommon$220
1–3 of 284
02 / Decision

What this component must preserve.

Angle component decision

Design from the decision people make, not the available columns. Keep query state visible and every collection paginated.

03 / Anatomy

Parts with a specific job.

Toolbar01
Filters02
Table03
Selection04
Pagination05
Row actions06
04 / States

The happy path is only one state.

01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance

Use the contract, not the screenshot.

Do

Design from the decision people make, not the available columns. Keep query state visible and every collection paginated.

Avoid

Do not copy the demonstration as a fixed screen. Preserve the interaction contract while composing for the product context.