docs/_snippets/addon-a11y-parameter-todo-in-meta.md
import { Meta } from '@storybook/angular';
import { DataTable } from './data-table.component';
const meta: Meta<DataTable> = {
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
};
export default meta;
import preview from '../.storybook/preview';
import { DataTable } from './data-table.component';
const meta = preview.meta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
import { Meta } from '@storybook/your-framework';
import { DataTable } from './DataTable';
const meta = {
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
} satisfies Meta<typeof DataTable>;
export default meta;
import { DataTable } from './DataTable';
export default {
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
};
<script module>
import { defineMeta } from '@storybook/addon-svelte-csf';
import DataTable from './DataTable.svelte';
const { Story } = defineMeta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
</script>
// Replace your-framework with the framework you are using, e.g. sveltekit or svelte-vite
import type { Meta } from '@storybook/your-framework';
import DataTable from './DataTable.svelte';
const meta = {
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
} satisfies Meta<typeof DataTable>;
export default meta;
<script module>
import { defineMeta } from '@storybook/addon-svelte-csf';
import DataTable from './DataTable.svelte';
const { Story } = defineMeta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
</script>
import DataTable from './DataTable.svelte';
export default {
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
};
import { Meta } from '@storybook/web-components-vite';
const meta: Meta<DataTable> = {
component: 'demo-data-table',
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
};
export default meta;
export default {
component: 'demo-data-table',
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
};
import preview from '../.storybook/preview';
const meta = preview.meta({
component: 'demo-data-table',
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
import preview from '../.storybook/preview';
const meta = preview.meta({
component: 'demo-data-table',
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
import preview from '../.storybook/preview';
import { DataTable } from './DataTable';
const meta = preview.meta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
import preview from '../.storybook/preview';
import { DataTable } from './DataTable';
const meta = preview.meta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
import preview from '../.storybook/preview';
import DataTable from './DataTable.vue';
const meta = preview.meta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});
import preview from '../.storybook/preview';
import DataTable from './DataTable.vue';
const meta = preview.meta({
component: DataTable,
parameters: {
// ๐ This component's accessibility tests will not fail
// Instead, they display warnings in the Storybook UI
a11y: { test: 'todo' },
},
});