generated from MetaMask/metamask-module-template
-
-
Notifications
You must be signed in to change notification settings - Fork 4
Open
Labels
Description
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 enablingnumberOfLines
-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.