Table

A table is used to display data.

#Default

Use a table to compare rows across the same columns.

Reps on shift
Rep		Status
Ava Mensah	Billing	Over load	7
Priya Shah	Billing	At capacity	6
Mei Tan	Onboarding	Available	3
Support bot	All	Answering	12

import { Table } from '@wolf-rayet/react';

<Table caption="Reps on shift" columns={COLUMNS} rows={ROWS} />

#Empty

Say what would be here when there is nothing to show.

Reps on shift
Rep		Status
No reps are on shift right now.

import { Table } from '@wolf-rayet/react';

<Table caption="Reps on shift" columns={COLUMNS} rows={[]} emptyMessage="No reps are on shift right now." />