getTableClassSet(options?: { compact?: boolean; hoverable?: boolean; bordered?: boolean; }): { wrapper: string; table: string; header: string; headerCell: string; headerCellRight: string; body: string; row: string; cell: string; cellMuted: string; cellPrimary: string; cellRight: string; }
Get all table classes as an object for easy destructuring
const classes = getTableClassSet({ compact: true });
const classes = getTableClassSet({ compact: true });
<div class={classes.wrapper}>
<table class={classes.table}>
<thead class={classes.header}>
<tr>
<th class={classes.headerCell}>Col</th>
</tr>
</thead>
<tbody class={classes.body}>
<tr class={classes.row}>
<td class={classes.cell}>Data</td>
</tr>
</tbody>
</table>
</div>