Go Main page
Go Main page

Web components

Foundations
Components
About
cover

components

TableCell

v.1.0.0 | Saturn

Usage

The name of the object of tokens to style tableCell is TABLE_CELL_STYLES.

You can not change the name of the object of tokens.

Container component has one way to modify the styles:

  • Variant: modify the styles of the table cell.

The structure of the TABLE_CELL_STYLES object is:

Variants

Variants can modify the styles for the table cell.

The tokens used are:

12345
const TABLE_CELL_STYLES = {
  [VARIANT]: {
    container?: CommonStyleType & TypographyTypes;
  }
};

Example

tableCell theme object example:

12345678910
const TABLE_CELL_STYLES = {
  [VARIANT]: {
    container: {
      display: 'display',
      background_color:'background-color',
      font_size: 'font-size',
      font_weight: 'font-weight',
      color: 'color',
    },
  },
TableCellCode API
TableDividerUsage