Skip to content

Commit

Permalink
Add implimentation notes
Browse files Browse the repository at this point in the history
  • Loading branch information
edwardhorsford committed Jun 11, 2024
1 parent 1af4ab1 commit a3bf602
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions stories/Content Presentation/SummaryList.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,25 @@ import React from 'react';
import { SummaryList, BodyText } from '../../src';
import { Meta, StoryObj } from '@storybook/react';


/**
* ## Implementation notes
*
* When providing action links, you must include visually hidden text. This means a screen reader user will hear a meaningful action, like "Change name" or "Change date of birth".'
*
* Example of an action link:
*
* ```jsx
* <a href="#">
* Change
* <span class="nhsuk-u-visually-hidden">
* {' '}name
* </span>
* </a>
* ```
*/


const meta: Meta<typeof SummaryList> = {
title: 'Content Presentation/SummaryList',
component: SummaryList,
Expand All @@ -15,6 +34,8 @@ SummaryList.Key.displayName = 'SummaryList.Key';
SummaryList.Value.displayName = 'SummaryList.Value';
SummaryList.Actions.displayName = 'SummaryList.Actions';



export const Standard: Story = {
argTypes: {
noBorder: {
Expand Down Expand Up @@ -81,6 +102,8 @@ export const Standard: Story = {
}
};



export const SummaryListWithoutActions: Story = {
args: { noBorder: false },
render: ({ noBorder }) => (
Expand Down

0 comments on commit a3bf602

Please sign in to comment.