Update Radio button component scenarios - Storybook

[jps]

Description

Updates to the Radio button component scenarios- Storybook

Tasks/Steps

• Using the designs update the storybook pages for the Radio.

• The designs include what should be on each page, and the title, description, and link to the documentation page on the site for the component.

• Note the name of the pages also should be updated to match what we have in the designs.

Notes (main differences to what we have currently live versus the designs)

• Updated the no label example on the ‘Label alignment’ page, removing the label at the start position.
• Updated the label copy on the ‘Label alignment’ page.
• Updated the label copy on the ‘Radio group’ page.
• Reduced the outline override example to one on the ‘Overrides’ page.
• Updated the label copy on the ‘Overrides’ page.
• Logical props example moved to the ‘Overrides’ page.

Acceptance/Testing Criteria

Given I am in Storybook When I view the Radio button component pages Then the pages will be updated as per the designs And the pages will be within 1024x768 for Applitools snapshots.

Business Benefit/Value

Consistent Radio button examples for consumers, aligning to the NK branding.

Supporting Information

Designs: NewsKit - Storybook Project - Feedback and Status

Dependencies

N/A

Review with design when ready.

[mutebg]

@GeriReid @nathanparris http://ncu-newskit-docs-pr.s3-website-eu-west-1.amazonaws.com/741-update-radio-button-component-scenarios-storybook/storybook/?path=/docs/components-radio-button--story-radio-button-default

[nathanparris]

@mutebg Couple of notes from me

Default story

• Remove the title, as this is adding some extra space

Size story

• Labels Small, Medium, Large should be utilityBody020 and title case

[GeriReid]

Thanks @mutebg, just one further spot from me:

Docs page: could you add the title at the top and link to the docs site. Text: Radio buttons are selection controls that are typically used in forms. Link: https://www.newskit.co.uk/components/radio-button/

Thanks

[mutebg]

Thank you @GeriReid & @nathanparris I did update the stories accordingly

[GeriReid]

Thanks for making these edits @mutebg, you can move this one to review.