Button Group - Ensure Consistency between Storybook Documentation and Codebase Property Names

[angelicahoyss]

Description / User story

As a developer on the team, I want to ensure consistency between the property names defined in the Storybook documentation for Button Group component So that the Button Group component codebase accurately reflects the documented property names.

This user story outlines the need to maintain consistency between the documentation and the codebase regarding component property names. Each component is checked to ensure the property names in the codebase match the corresponding names in the Storybook documentation. If the discrepancies are found, they are listed in this table on the page "ButtonGroup". Column Current Code Property Name describes how is the property currently named in the code. Column Desired Code Property Name is how the property should be named. Properties marked green don't need adjustment.

Acceptance Criteria

• [ ] All Button Group component's property names that differ from Storybook documentation property names (listed in the above mentioned table) should be updated
• [ ] The updated property names should not introduce any unintended side effects or issues in the functionality of the components
• [ ] The library builds successfully, and there are no reported issues related to the property name updates
• [ ] Props Excel has been updated / comments have been resolved and props changed from red to black font color > @thrbnhrtmnn or @angelicahoyss can support here

Code of Conduct

• [x] I agree to follow this project's Code of Conduct

[thrbnhrtmnn]

Hey @RubirajAccenture ,

it seems to me, that the changes in the index.stories.ts were not sufficient. When I look at the Storybook documentation we now have both sizeVariant and size as props. Could you check this again?

From what I see the sizeVariant prop is missing a description in the props panel, is in the wrong order (it should be within Appearance and above "alignment) and has the wrong control (should be a select and not a input with a string). Also the size prop should be removed.

Also, when you are touching the index.stories.ts again, could you update the Intro text and remove the duplicate "Icon Button" in the last sentence?