File "removable-chip.stories.tsx"
Full Path: /home/warrior1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/chip/stories/removable-chip.stories.tsx
File size: 724 bytes
MIME-type: text/x-java
Charset: utf-8
/**
* External dependencies
*/
import { Story, Meta } from '@storybook/react';
/**
* Internal dependencies
*/
import { RemovableChip, RemovableChipProps } from '../removable-chip';
const availableElements = [ 'li', 'div', 'span' ];
export default {
title: 'WooCommerce Blocks/@base-components/Chip/RemovableChip',
component: RemovableChip,
argTypes: {
element: {
control: 'radio',
options: availableElements,
},
},
} as Meta< RemovableChipProps >;
const Template: Story< RemovableChipProps > = ( args ) => (
<RemovableChip { ...args } />
);
export const Default = Template.bind( {} );
Default.args = {
element: 'li',
text: 'Take me to the casino',
screenReaderText: "I'm a removable chip, me",
};