storybook/docs/snippets/svelte/storybook-addon-a11y-disable.mdx.mdx
2022-07-07 19:15:02 +01:00

30 lines
646 B
Plaintext

```md
<!-- MyComponent.stories.mdx -->
import { Meta, Story } from '@storybook/addon-docs';
import MyComponent from './MyComponent.svelte';
<Meta
title="Disable a11y addon"
component={MyComponent} />
<!--
👇 Render functions are a framework specific feature to allow you control on how the component renders.
See https://storybook.js.org/docs/7.0/svelte/api/csf
to learn how to use render functions.
-->
<Story
name="NonA11yStory"
parameters={{
a11y: {
// This option disables all a11y checks on this story
disable: true,
},
}}
render={() => ({
Component: MyComponent,
props: {},
})} />
```