Diwa Design System

Table

Displays structured data in rows and columns with consistent styling and accessible markup.

diwa-table Properties

NameTypeDefaultDescription
captionstring''Accessible table caption. Rendered as a visually hidden <caption> element inside the table.
theme'dark' | 'light''dark'Per-component theme override.

diwa-table Slots

Default slot — accepts diwa-table-head and diwa-table-body elements.

diwa-table-head

Maps to <thead>. Accepts diwa-table-row children. No additional props beyond theme.

diwa-table-head-cell

Maps to <th>. Accepts label text via the default slot. No additional props beyond theme.

diwa-table-body

Maps to <tbody>. Accepts diwa-table-row children. No additional props beyond theme.

diwa-table-row

Maps to <tr>. Use inside diwa-table-head or diwa-table-body. No additional props beyond theme.

diwa-table-cell

Maps to <td>. Accepts cell content via the default slot. No additional props beyond theme.