Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
base
/
components
/
read-more
/
stories
:
index.tsx
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { Story, Meta } from '@storybook/react'; /** * Internal dependencies */ import ReadMore, { defaultProps, ReadMoreProps } from '..'; export default { title: 'WooCommerce Blocks/@base-components/ReadMore', component: ReadMore, args: defaultProps, argTypes: { children: { control: { disable: true } }, }, } as Meta< ReadMoreProps >; const LongText = ( <> <h1> No! Alderaan is peaceful. We have no weapons. You can't possibly… </h1> <p> As you wish. But with the blast shield down, I can't even see! How am I supposed to fight? Look, I ain't in this for your revolution, and I'm not in it for you, Princess. I expect to be well paid. I'm in it for the money. </p> <p> You mean it controls your actions? <strong> { ' ' } She must have hidden the plans in the escape pod. </strong>{ ' ' } <em> Send a detachment down to retrieve them, and see to it personally, Commander. </em> There'll be no one to stop us this time! </p> <h2>Escape is not his plan. I must face him, alone.</h2> <ol> <li>Partially, but it also obeys your commands.</li> <li> Leave that to me. Send a distress signal, and inform the Senate that all on board were killed. </li> <li> A tremor in the Force. The last time I felt it was in the presence of my old master. </li> </ol> <aside> <a href="http://fillerama.io"> Content from http://fillerama.io "Star Wars" </a> </aside> </> ); const Template: Story< ReadMoreProps > = ( args ) => <ReadMore { ...args } />; export const Default = Template.bind( {} ); Default.args = { children: LongText, maxLines: 6, };