v5 component: Split Button

[ksolanki7]

Abstract

As part of the v5 Elements release, each component will be reviewed and refactored to ensure best practice and design system alignment

Specification

• Is new component or existing? Existing Button Component
• Is the component being re-named? No - however, should ensure variants match those proposed in the DS
• Is the component design signed off by product and design?
• Guide to component structure & documentation in storybook
• Link to DS in Figma
• Link to Design Guidelines
• Link to Elements
• Accessibility requirements

Developer Checklist

• [ ] Styles alignment between Design System and Elements
• [ ] Check design tokens in Figma and implement CSS variable tokens if available for relevant component
• [ ] Align with accessibility standards / spec as per above
• [ ] If relevant, break down component into Styles Only and React component structures
• [ ] Ensure all variants of components are documented as appropriate
• [ ] Ensure unit test coverage is adequate for component
• [ ] Update documentation in MDX file as per guidelines
• [ ] Changelog updated to reflect a single beta version per component ideally

Release Checklist

• [ ] Approved PR merged to main
• [ ] Design & product review and feedback addressed by developer
• [ ] Beta release by product / engineering lead to next beta version

Additional Context or Information

[ksolanki7]

@HollyJoyPhillips I have created this ticket by descoping it from https://github.com/reapit/elements/issues/140 (v5 Button Component Refactor). Please review it, and if everything is good, can we please move it to ToDo as per priority?

[HollyJoyPhillips]

Hi @ksolanki7, looks good to me, I'll just get final sign off.