Skip to content

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

@georgewrmarshall

Description

@georgewrmarshall

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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions