MetaMask / MetaMask/metamask-design-system
Update All Stories to Include All Available Props
- Dominant language
- TypeScript
- Stars
- 37
- Forks
- 14
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 60
Description
#### **Summary**
The component stories in `@metamask/design-system-react` and `@metamask/design-system-react-native` should showcase all available props to improve documentation, testing, and usability. This issue aims to update all Storybook stories to include and demonstrate every available prop for each component.
#### **Tasks**
1. **Audit existing stories** to determine missing props.
2. **Update each component story** to include all available props.
3. **Ensure prop controls are enabled** in Storybook to allow interactive testing.
4. **Add documentation where necessary** to clarify prop usage.
5. **Verify stories render correctly** after updates.
6. **Run Storybook and tests** to ensure no regressions occur.
#### **Acceptance Criteria**
- All stories include every available prop for their respective components.
- Prop controls in Storybook allow users to interact with and modify props dynamically.
- Storybook runs successfully without errors.
- Tests continue to pass after updates.
#### **Additional Notes**
- Ensure consistency in how props are documented and displayed across all stories.
- Consider adding usage examples or default prop values where relevant.
Contributor guide
Assessment
This issue has not been assessed yet.