Skip to content

[DS QA]: Add props to Text component DSRN #574

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
georgewrmarshall opened this issue Apr 22, 2025 · 0 comments
Open

[DS QA]: Add props to Text component DSRN #574

georgewrmarshall opened this issue Apr 22, 2025 · 0 comments
Assignees

Comments

@georgewrmarshall
Copy link
Contributor

Description

Add additional style-related props to the Text component in @metamask/design-system-react-native (DSRN) to expand flexibility and align with common web and design system usage. These props should match existing DSR or platform conventions where applicable.

Technical Details

  • Add support for the following props to the DSRN Text component:

    • textTransform (e.g., "none", "uppercase", "lowercase", "capitalize")
    • textAlign (e.g., "left", "right", "center", "justify")
    • overflowWrap or equivalent line-breaking control (e.g., wrap or truncate behavior)
    • ellipsis boolean prop for enabling numberOfLines-based truncation
  • Ensure compatibility with React Native style props and accessibility.

  • Update prop types and documentation accordingly.

Acceptance Criteria

  • All four props are supported and function correctly in the DSRN Text component.
  • Styles are applied consistently across platforms and variants.
  • Prop definitions and usage are documented.
  • Unit or snapshot tests validate behavior where applicable.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants