TableRow

actions

shape[]

Defines a set of actions that will appear when the user hovers the row. Actions have a mandatory text and onClick callbacks (that will be called with the item and index of the row they belong to), and they also accept a disabled property.

shape

disabled

boolean

label

REQUIRED

string

onClick

REQUIRED

function

testId

string

type

enum

• Normal — generic non-critical action.

• Destructive — use when you have a destructive action like delete or remove, which you would like the user to pause and consider before completing.

  <One of

  TableRow.ACTION_TYPE.DESTRUCTIVE, TableRow.ACTION_TYPE.NORMAL,

  >

  const actions = [
    {
      label: 'Duplicate',
      type: TableRow.ACTION_TYPE.NORMAL,
    },
    {
      label: 'Delete',
      type: TableRow.ACTION_TYPE.DESTRUCTIVE,
    },
  ];

  Copy

  const actions = [
    {
      label: 'Action 1',
      disabled: true,
      onClick: (evt, { item, index }) => {
        alert(`Action 1:Item: ${index}${JSON.stringify(item, null, 2)}`);
      },
    },
    {
      label: 'Action 2',
      onClick: (evt, { item, index }) => {
        alert(`Action 2:Item: ${index}${JSON.stringify(item, null, 2)}`);
      },
    },
  ];

  Copy

children

REQUIRED

node

List of row cells, in the shape of <TableRowCell>s. Cells need to be direct children of the row, i.e. there must not be any node between <TableRow> and <TableRowCell>s.

onClick

function

Callback fired any time the user clicks on the table row.