Table

Tables display information in a friendly way, allowing users to scan for details quickly. The Table component is a compound of the following:

• Table - renders a <table> tag.
• TableBody - renders a <tbody> tag.
• TableHead - renders a <thead> tag.
• TableRow - renders a <tr> tag.
• TableFooter - renders a <tfoot> tag.
• TableCell - renders a <th> or <td> tag depending on the value of the variant prop.

Import

import { Table } from '@faststore/ui'

Usage

Loading...

Props

All table-related components support all attributes also supported by their respective HTML tags. Besides those attributes, the following props are also supported:

Table

TableBody

TableRow

TableFooter

TableCell

Customization

data-fs-table

data-table-head

data-fs-table-row

data-table-footer

data-table-body

data-table-cell='head'

data-table-cell='data'