Added lineheight and textoverflow examples to Texts example.

lightning-js · Jan 29, 2024 · 6e11600 · 6e11600
1 parent c3e3a0f
commit 6e11600
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits-example-app",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "Lightning 3 Blits Example App",
   "main": "index.js",
   "type": "module",
@@ -33,6 +33,6 @@
     "vite": "^4.0.4"
   },
   "dependencies": {
-    "@lightningjs/blits": "^0.6.5"
+    "@lightningjs/blits": "^0.6.8"
   }
 }
diff --git a/src/pages/Texts.js b/src/pages/Texts.js
@@ -62,7 +62,11 @@ export default Blits.Component('Texts', {
       </Element>
 
       <Element w="800" h="200" x="900" y="550" color="#94a3b8">
-        <Text content="$longText" size="40" color="#bae6fd" wordwrap="800" maxlines="5" />
+        <Text content="$longText" size="40" color="#bae6fd" wordwrap="800" maxlines="5" textoverflow="!!!" />
+      </Element>
+
+      <Element w="800" h="120" x="900" y="800" color="#94a3b8">
+        <Text content="$longText" size="40" color="#bae6fd" wordwrap="800" maxlines="2" lineheight="60" textoverflow="false" />
       </Element>
 
       <Text :content="$character" size="50" :color="$color" y="750" font="opensans" />