storybook/docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx
Norbert de Langen 36702ebe0c
I changed #root => #storybook-root
I changed #docs-root => #storybook-docs
2022-08-02 11:18:33 +02:00

41 lines
1.0 KiB
Plaintext

```ts
// MyComponent.stories.ts
import type { Meta, Story } from '@storybook/angular';
import { MyComponent } from './MyComponent.component';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/7.0/angular/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Configure a11y addon',
component: MyComponent,
} as Meta;
export const ExampleStory: Story = {
parameters: {
a11y: {
element: '#storybook-root',
config: {
rules: [
{
// The autocomplete rule will not run based on the CSS selector provided
id: 'autocomplete-valid',
selector: '*:not([autocomplete="nope"])',
},
{
// Setting the enabled option to false will disable checks for this particular rule on all stories.
id: 'image-alt',
enabled: false,
},
],
},
options: {},
manual: true,
},
},
};
```