MetaMask / MetaMask/metamask-design-system

Update All Stories to Include All Available Props

Open
#495 0 comments 0 reactions 1 assignee Claimed by @brianacnguyen View on GitHub
team-design-system
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.