;
-export const Standard: Story = {
+export const Default: Story = {
+ name: 'Error summary default',
render: (args) => (
There is a problem
+ Describe the errors and how to correct them
- Enter your full name
+
+ Date of birth must be in the past
+
),
};
-export const WithDescription: Story = {
+export const WithMultipleErrors: Story = {
+ name: 'Error summary with multiple errors',
render: (args) => (
There is a problem
- Describe the errors and how to correct them
-
- Date of birth must be in the past
+
+ Enter your first name
+
+
+ Enter your last name
),
};
-export const WithAutoFocusDisabled: Story = {
- args: {
- disableAutoFocus: true,
- },
+export const WithoutDescription: Story = {
+ name: 'Error summary without description',
render: (args) => (
There is a problem
-
+
Date of birth must be in the past
),
};
+
+export const WithoutErrorList: Story = {
+ name: 'Error summary without error list',
+ render: (args) => (
+
+ There is a problem
+ Describe the errors and how to correct them
+
+ ),
+};
+
+export const WithAutoFocusDisabled: Story = {
+ name: 'Error summary with auto-focus disabled',
+ args: {
+ disableAutoFocus: true,
+ },
+ render: Default.render,
+};
diff --git a/stories/Form Elements/Fieldset.stories.tsx b/stories/Form Elements/Fieldset.stories.tsx
index e6376c8f..fe6a8645 100644
--- a/stories/Form Elements/Fieldset.stories.tsx
+++ b/stories/Form Elements/Fieldset.stories.tsx
@@ -10,10 +10,12 @@ const meta: Meta = {
title: 'Form Elements/Fieldset',
component: Fieldset,
};
+
export default meta;
type Story = StoryObj;
-export const Standard: Story = {
+export const Default: Story = {
+ name: 'Fieldset default',
render: (args) => (