Server IP : 104.21.14.103 / Your IP : 3.144.224.32 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/proc/thread-self/root/home/giankuin/thietke365.net/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/button/stories/ |
Upload File : |
/** * External dependencies */ import type { Story, Meta } from '@storybook/react'; /** * Internal dependencies */ import Button, { ButtonProps } from '..'; const availableTypes = [ 'button', 'input', 'submit' ]; export default { title: 'WooCommerce Blocks/@base-components/Button', argTypes: { children: { control: 'text', }, type: { control: 'radio', options: availableTypes, }, }, component: Button, } as Meta< ButtonProps >; const Template: Story< ButtonProps > = ( args ) => { return <Button { ...args } />; }; export const Default = Template.bind( {} ); Default.args = { children: 'Buy Now', disabled: false, showSpinner: false, type: 'button', }; export const Disabled = Template.bind( {} ); Disabled.args = { ...Default.args, disabled: true, }; export const Loading = Template.bind( {} ); Loading.args = { ...Default.args, disabled: true, showSpinner: true, };