wix-style-react/src/MultiSelectCheckbox/test/TestTabSwitches.js

wix-style-react

import React from 'react';

import { MultiSelectCheckbox } from 'wix-style-react';

const style = {
  display: 'inline-block',
  padding: '0 5px',
  width: '140px',
  lineHeight: '22px',
};

const options = Array.from(new Array(30), (_, id) => ({
  id,
  value: `Option ${id + 1}`,
}));

export default () => (
  <div>
    <div style={style}>
      30 options
      <br />
      <MultiSelectCheckbox
        options={options}
        dataHook="multi-select-checkbox"
        onSelect={() => {}}
      />
    </div>
  </div>
);