@cbpds/web-components
Version:
Web components for the CBP Design System.
36 lines (35 loc) • 994 B
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
export default {
title: 'Components/Dot Indicator',
tags: ['new'],
argTypes: {
current: {
description: 'Sets the Current item of the dot indicator',
control: 'number'
},
items: {
description: 'Sets the number of Items in the dot-indicator',
control: 'number'
},
itemName: {
description: 'Sets the Unit of measure for the dot-indicator, this is used for Accessibility text',
control: 'text'
},
},
};
const Template = ({ current, items, itemName }) => {
return `
<cbp-dot-indicator
${current ? `current=${current}` : ""}
${items ? `items=${items}` : ""}
${itemName ? `item-name=${itemName}` : ""}
></cbp-dot-indicator>
`;
};
export const dotIndicator = Template.bind({});
dotIndicator.args = {
items: 9,
};
//# sourceMappingURL=cbp-dot-indicator.stories.js.map