Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
wp-content-20241001222009
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
base
/
components
/
chip
/
stories
:
chip.stories.tsx
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { Story, Meta } from '@storybook/react'; /** * Internal dependencies */ import Chip, { ChipProps } from '../chip'; const availableElements = [ 'li', 'div', 'span' ]; const availableRadii = [ 'none', 'small', 'medium', 'large' ]; export default { title: 'WooCommerce Blocks/@base-components/Chip', component: Chip, argTypes: { element: { control: 'radio', options: availableElements, }, className: { control: 'text', }, radius: { control: 'radio', options: availableRadii, }, }, } as Meta< ChipProps >; const Template: Story< ChipProps > = ( args ) => <Chip { ...args } />; export const Default = Template.bind( {} ); Default.args = { element: 'li', text: 'Take me to the casino!', screenReaderText: "I'm a chip, me", };