@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
28 lines (27 loc) • 1.08 kB
JavaScript
/**
* @file Delimited list stories.
* @copyright IBM Security 2019 - 2021
*/
import { breakpoints } from '@carbon/layout';
import { array, boolean, text } from '@storybook/addon-knobs';
import { storiesOf } from '@storybook/react';
import React from 'react';
import { components, info } from '../../../.storybook';
import { DelimitedList } from '../..';
import mocks from './_mocks_';
var _DelimitedList$defaul = DelimitedList.defaultProps,
delimiter = _DelimitedList$defaul.delimiter,
truncate = _DelimitedList$defaul.truncate;
var props = function props() {
return {
items: array('Items (items)', mocks.items),
truncate: boolean('Truncate (truncate)', truncate),
delimiter: text('Delimiter (delimiter)', delimiter),
style: {
width: breakpoints.sm.width
}
};
};
storiesOf(components('DelimitedList'), module).add('Default', function () {
return /*#__PURE__*/React.createElement(DelimitedList, props());
}, info('Delimited lists truncates an array of items, separated by a delimited, and include the total number of items when hovering.'));