Skip to content

Commit

Permalink
Fixes in Container
Browse files Browse the repository at this point in the history
  • Loading branch information
ravindra114 committed Sep 27, 2024
1 parent 6781018 commit 5a40588
Showing 1 changed file with 0 additions and 28 deletions.
28 changes: 0 additions & 28 deletions src/components/container/container.stories.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -103,34 +103,6 @@ export default {
},
};

export const BasicFlexbox = {
args: {
gap: 'sm',
direction: 'row',
justify: 'start',
align: 'stretch',
className: 'bg-gray-200 p-4',
},
render: ( args ) => {
const containerStyle = args.direction === 'row' ? { height: '7rem' } : { width: '7rem' };
const itemStyle = args.direction === 'row' ? { height: '4rem' } : { width: '4rem' };

return (
<Container { ...args } style={ containerStyle } className={ args.className }>
<Container.Item className="bg-red-500 p-4 text-wrap" style={ itemStyle }>
Item 1
</Container.Item>
<Container.Item className="bg-green-500 p-4" style={ itemStyle }>
Item 2
</Container.Item>
<Container.Item className="bg-blue-500 p-4" style={ itemStyle }>
Item 3
</Container.Item>
</Container>
);
},
};

export const ResponsiveFlex = {
args: {
gap: 'sm',
Expand Down

0 comments on commit 5a40588

Please sign in to comment.