This repository was archived by the owner on Jun 11, 2026. It is now read-only.
Repository navigation
This repository was archived by the owner on Jun 11, 2026. It is now read-only.
[Feature] font-variant-numeric Alignment for numbers in tables #1093
Description
- Web Spec: https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric
- React-Native: https://facebook.github.io/react-native/docs/text-style-props#fontvariant
I've tested that this indeed works, for iOS/react-native. Specifically:
<RX.Text style={ { fontVariant: ["tabular-mums"] } as any }>How would one go about writing the ReactXP Stylesheet support for this?
Activity
erictraut commentedon May 22, 2019
If this is supported in a compatible manner on browsers and RN, then it makes sense to add it to ReactXP. Are you interested in making a contribution?
I presume this attribute would apply to Text and Link. What about TextInput? The answer to that question determines where it should be added.
Since the HTML attribute name differs ("font-variant-numeric" versus "font-variant"), there will need to be some translation logic added to the web Styles.ts code. There are several other cases where we need to do similar translations, so that should be straightforward.
If you implement this, please make sure to do so for web and RN paths, add to the documentation, and add to the RXPTest app (which acts as our unit tests for all features).
fbartho commentedon Aug 9, 2020
I am indeed interested in contributing this feature. I will take a look at Styles.ts!