react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
22 lines (21 loc) • 1.42 kB
JSON
{
"name": "Text",
"category": "basic",
"description": "A wrapper for Text component with extra functionality like modifiers support",
"extends": ["Text"],
"extendsLink": ["https://reactnative.dev/docs/text"],
"modifiers": ["margins", "color", "typography"],
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TextScreen.js",
"images": [
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Text/Modifiers.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Text/Transformation.png?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Text/Highlights.png?raw=true"
],
"props": [
{"name": "color", "type": "string", "description": "Color of the text"},
{"name": "center", "type": "boolean", "description": "Whether to center the text (using textAlign)"},
{"name": "uppercase", "type": "boolean", "description": "Whether to change the text to uppercase"},
{"name": "underline", "type": "boolean", "description": "Whether to add an underline"},
{"name": "highlightString", "type": "string | string[]", "description": "Substring to highlight"},
{"name": "highlightStyle", "type": "TextStyle", "description": "Custom highlight style for highlight string"},
{"name": "animated", "type": "boolean", "description": "Use Animated.Text as a container"}
]
}