Page

Default

Renders a basic table with head and body rows.

NameEmailRole
John Doejohn.doe@example.comAdmin
Jane Doejane.doe@example.comUser
John Smithjohn.smith@example.comGuest

Bleed

Extends the table to bleed to container edges using the bleed prop.

NameEmailRole
John Doejohn.doe@example.comAdmin
Jane Doejane.doe@example.comUser
John Smithjohn.smith@example.comGuest

Row as link

Makes each table row clickable by providing an href.

NameEmailRole
John Doejohn.doe@example.comAdmin
Jane Doejane.doe@example.comUser
John Smithjohn.smith@example.comGuest

Dense

Uses dense prop for compact table spacing.

NameEmailRole
John Doejohn.doe@example.comAdmin
Jane Doejane.doe@example.comUser
John Smithjohn.smith@example.comGuest