aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/images/responsive-image.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-20 22:12:43 +0200
committerArmand Philippot <git@armandphilippot.com>2022-05-20 23:18:28 +0200
commit7fd11d99f8a547e4acb89b9f9159b92e208dc90f (patch)
treebb179701501f7767a79c5ff6fd9133bb6fdf78cf /src/components/molecules/images/responsive-image.stories.tsx
parent0e7c1851973e57777474ef9b7662beb91f95cda5 (diff)
chore: update images styles
Diffstat (limited to 'src/components/molecules/images/responsive-image.stories.tsx')
-rw-r--r--src/components/molecules/images/responsive-image.stories.tsx17
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/molecules/images/responsive-image.stories.tsx b/src/components/molecules/images/responsive-image.stories.tsx
index 35d9116..4294208 100644
--- a/src/components/molecules/images/responsive-image.stories.tsx
+++ b/src/components/molecules/images/responsive-image.stories.tsx
@@ -7,6 +7,9 @@ import ResponsiveImage from './responsive-image';
export default {
title: 'Molecules/Images/ResponsiveImage',
component: ResponsiveImage,
+ args: {
+ withBorders: false,
+ },
argTypes: {
alt: {
control: {
@@ -75,6 +78,20 @@ export default {
required: true,
},
},
+ withBorders: {
+ control: {
+ type: 'boolean',
+ },
+ description: 'Add borders around the image.',
+ table: {
+ category: 'Styles',
+ defaultValue: { summary: false },
+ },
+ type: {
+ name: 'boolean',
+ required: false,
+ },
+ },
},
} as ComponentMeta<typeof ResponsiveImage>;