wix-style-react/dist/es/stories/TableActionCell/examples/AlwaysVisibleSecondaryExample.js

wix-style-react

import React from 'react';
import TableActionCell from 'wix-style-react/TableActionCell';
import { Duplicate, Print } from 'wix-style-react/new-icons';

import style from '../TableActionCell.story.st.css';

var Example = function Example() {
  return React.createElement(
    'div',
    { className: style.exampleRow },
    React.createElement(TableActionCell, {
      dataHook: 'story-always-visible-secondary',
      secondaryActions: [{
        text: 'Duplicate',
        icon: React.createElement(Duplicate, null),
        onClick: function onClick() {
          return window.alert('Duplicate action was triggered.');
        }
      }, {
        text: 'Print',
        icon: React.createElement(Print, null),
        onClick: function onClick() {
          return window.alert('Print action was triggered.');
        }
      }],
      numOfVisibleSecondaryActions: 2,
      alwaysShowSecondaryActions: true
    })
  );
};

export default Example;