You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+24-1Lines changed: 24 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@
5
5
Allows you to add stylish text with stroke effects to your mobile applications. It is perfect for creating visually appealing text elements with outline effects.
6
6
7
7
<h1align="center">
8
-
<imgwidth="450"src="docs/example.jpeg"/>
8
+
<imgwidth="550"src="docs/example.jpeg"/>
9
9
</h1>
10
10
11
11
@@ -65,6 +65,29 @@ The following table outlines the props available for the `StrokeText` component:
65
65
|`width`| number | Text width to enable ellipsis (default: `undefined`) |
66
66
67
67
68
+
## Ellipsis
69
+
70
+
```jsx
71
+
<StrokeText
72
+
text="Lorem ipsum"
73
+
width={150} // +
74
+
ellipsis={true} // +
75
+
numberOfLines={1} // +
76
+
fontSize={32}
77
+
color="#FFFFFF"
78
+
strokeColor="#000000"
79
+
strokeWidth={2}
80
+
fontFamily="Nunito-Black"
81
+
align="center"
82
+
/>
83
+
84
+
```
85
+
86
+
<h1align="center">
87
+
<imgwidth="450"src="docs/ellipsis.jpeg"/>
88
+
</h1>
89
+
90
+
68
91
## Custom Font
69
92
Create a `react-native.config.js` file in the root directory
0 commit comments