examples/official-storybook/stories/addon-a11y/form.stories.js
import React from 'react';
import { Form } from '@storybook/components';
const text = 'Testing the a11y addon';
export default {
title: 'Addons/A11y/Form',
component: Form,
parameters: {
options: { selectedPanel: 'storybook/a11y/panel' },
},
};
export const WithoutLabel = () => (
<Form.Field label="">
<Form.Input />
</Form.Field>
);
export const WithLabel = () => (
<Form.Field label={text}>
<Form.Input id="1" />
</Form.Field>
);
WithLabel.storyName = 'With label';
export const WithPlaceholder = () => (
<Form.Field label="">
<Form.Input id="1" placeholder={text} />
</Form.Field>
);
WithPlaceholder.storyName = 'With placeholder';