Tests
TestsA wrapper for Text component with extra functionality like modifiers support
- Overview
- Guidelines
- Code
- Dev
TableExamples of using the Text component
Table Name
| Item | Content[0] | Content[1] |
|---|---|---|
| Item #1 Item #1 Subtitle | | |
| Item #2 Item #2 Subtitle | | |
| Item #3 Item #3 Subtitle | | |
| Item | Content[0] | Content[1] |
|---|---|---|
| Item #1 Item #1 Subtitle | | |
| Item #2 Item #2 Subtitle | |
SectionExamples of using the Text component
Horizontal SectionExamples of using the Text component
ListExamples of using the Text component
Item #1This is item #1
Item #2This is item #2
List Horizontal ItemsExamples of using the Text component
Item #1This is item #1
Item #2This is item #2
Markdown support
Title
This is a markdown content
With a list:
- item 1
- item 2
HTML support
Title
This is a html content
- item 1
- item 2
UsageCode Example
<Text text30>Text goes here</Text>
INFO
This component support margins, color, typography modifiers.
NOTE
This is an interesting informationBanner
This is some massage to the userAPIThis is the list of additional props for the Text component
animatedboolean
Use Animated.Text as a containercenterboolean
Whether to center the text (using textAlign)colorstringRequirediOS
Color of the text. Default is BlackThis is an important informationhighlightStringHighlightString | HighlightString[]
Substring to highlight. Can be a simple string or a HighlightStringProps object, or an array of the abovehighlightStyleTextStyle
Custom highlight style for highlight stringrecorderTag'mask' | 'unmask'
Recorder Tagunderlineboolean
Whether to add an underlineuppercaseboolean
Whether to change the text to uppercaseUsageCode Example
<Text text30>Text goes here</Text>
INFO
This component support margins, color, typography modifiers.
APIThis is the list of additional props for the component