Component · Data display
Table
a styled native table — a11y, keyboard and semantics come for free; cells hold arbitrary content.
Example
| Member | Role | Seats |
|---|
| Ada Lovelace | Owner | — |
| Grace Hopper | Admin | 3 |
| Alan Turing | Member | 1 |
Where available
✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|
| React | <Table> | @design-foundry/lucent-react |
| Angular | <table lucentTable> | @design-foundry/lucent |
| Web Components | <table class="lucent-table"> | @design-foundry/lucent-wc |
| Blazor | <LucentTable> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|
| .lucent-table | class | — | on a native <table>. |
| th/td · …--right | …--center | class | — | column alignment. |
| tr · .is-selected | class | — | selected row. |
| .lucent-table__pagination | class | — | optional footer bar. |