Skip to content

chore(Storybook): Hide controls for className and style attributes #2288

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Nov 19, 2025
Merged

chore(Storybook): Hide controls for className and style attributes #2288

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3ed48a4
Hide all className attributes from Storybook centrally
VincentSmedinga Nov 13, 2025
aec0bb1
Hide all style attributes from Storybook centrally
VincentSmedinga Nov 13, 2025
ecb1428
Merge branch 'develop' into chore/hide-class-and-style-attributes
alimpens Nov 19, 2025
3e93806
Merge branch 'develop' into chore/hide-class-and-style-attributes
alimpens Nov 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions storybook/config/preview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,12 @@ export const argTypes = {
children: {
table: { disable: true },
},
className: {
table: { disable: true },
},
style: {
table: { disable: true },
},
}

// Wrap in Page, set language to Dutch for Canvas and Stories
Expand Down
5 changes: 0 additions & 5 deletions storybook/src/components/Card/Card.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,6 @@ const meta = {
args: {
style: { maxWidth: '24rem' },
},
argTypes: {
style: {
table: { disable: true },
},
},
} satisfies Meta<typeof Card>

export default meta
Expand Down
3 changes: 0 additions & 3 deletions storybook/src/components/Column/Column.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,9 +38,6 @@ const meta = {
},
options: [undefined, ...crossAlignOptionsForColumn],
},
className: {
table: { disable: true },
},
gap: {
control: {
labels: { undefined: 'medium' },
Expand Down
7 changes: 1 addition & 6 deletions storybook/src/components/Grid/Grid.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,7 @@ const meta = {
args: {
paddingVertical: 'x-large',
},
argTypes: {
className: {
table: { disable: true },
},
...gridGapAndPaddingArgTypes,
},
argTypes: gridGapAndPaddingArgTypes,
parameters: {
layout: 'fullscreen',
},
Expand Down
5 changes: 0 additions & 5 deletions storybook/src/components/OrderedList/OrderedList.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,11 +144,6 @@ export const WithoutMarkers: Story = {
markers: false,
style: { maxInlineSize: '32rem' },
},
argTypes: {
style: {
table: { disable: true },
},
},
}

export const InverseColor: Story = {
Expand Down
3 changes: 0 additions & 3 deletions storybook/src/components/Page/Page.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,6 @@ const meta = {
lang: 'nl', // Mimic what we do in preview.tsx, where the decorator doesn’t render a Page for stories of Page.
},
argTypes: {
className: {
table: { disable: true },
},
lang: {
table: { disable: true }, // It’s best practice to set this attribute on the `html` element, so let’s not highlight it here.
},
Expand Down
3 changes: 0 additions & 3 deletions storybook/src/components/Row/Row.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,9 +39,6 @@ const meta = {
},
options: [undefined, ...crossAlignOptions],
},
className: {
table: { disable: true },
},
gap: {
control: {
labels: { undefined: 'medium' },
Expand Down
3 changes: 0 additions & 3 deletions storybook/src/components/SkipLink/SkipLink.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,6 @@ const meta = {
href: {
description: 'The url for the link. References an anchor on the current page.',
},
style: {
table: { disable: true },
},
},
} satisfies Meta<typeof SkipLink>

Expand Down
5 changes: 0 additions & 5 deletions storybook/src/components/UnorderedList/UnorderedList.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,11 +106,6 @@ export const WithoutMarkers: Story = {
markers: false,
style: { maxInlineSize: '32rem' },
},
argTypes: {
style: {
table: { disable: true },
},
},
}

export const InverseColor: Story = {
Expand Down
Loading