Server IP : 104.21.14.103 / Your IP : 3.133.136.73 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/tabs/stories/ |
Upload File : |
/** * External dependencies */ import type { Story, Meta } from '@storybook/react'; import { useState } from '@wordpress/element'; /** * Internal dependencies */ import { __TabsWithoutInstanceId as Tabs, TabsProps } from '..'; export default { title: 'WooCommerce Blocks/@base-components/Tabs', component: Tabs, args: { tabs: [ { name: 'firstTab', title: 'First Tab', content: <div>Content of the first tab</div>, }, { name: 'secondTab', title: 'Second Tab', content: <div>Content of the second tab</div>, }, ], initialTabName: 'firstTab', }, argTypes: { initialTabName: { control: { type: 'select', options: [ 'firstTab', 'secondTab' ], }, }, }, } as Meta< TabsProps >; const Template: Story< TabsProps > = ( args ) => { const [ initialTab, setInitialTab ] = useState( args.initialTabName ); return ( <Tabs initialTabName={ initialTab } onSelect={ ( newTabName ) => { setInitialTab( newTabName ); } } { ...args } /> ); }; export const Default = Template.bind( {} );