language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-10-18 14:27:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Docs: Fix unclear text in reactivity example (#9217)

Browse source
This commit is contained in:
Nigel Breslaw 2025-08-21 15:06:52 +03:00 • committed by GitHub
parent 1479c3f579
commit 007cfd26b9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 26 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

25
docs/astro/src/content/docs/guide/language/concepts/reactivity.mdx
View file

@ -22,22 +22,20 @@ export component MyComponent {
myRect := Rectangle { myRect := Rectangle {
x: ta.mouse-x; x: ta.mouse-x;
y: ta.mouse-y; y: ta.mouse-y;
width: 40px; width: 60px;
height: 40px; height: 60px;
background: ta.pressed ? orange : white; background: ta.pressed ? orange : skyblue;
}
Text { Text {
x: 5px; y: 5px; x: 5px; y: 5px;
text: "x: " + myRect.x / 1px; text: "x: " + myRect.x / 1px;
color: white; color: white;
} }
Text { Text {
x: 5px; y: 15px; x: 5px; y: 20px;
text: "y: " + myRect.y / 1px; text: "y: " + myRect.y / 1px;
color: white; color: white;
} }
}
} }
``` ```
@ -124,18 +122,19 @@ export component MyComponent {
myRect := Rectangle { myRect := Rectangle {
x: ta.mouse-x; x: ta.mouse-x;
y: ta.mouse-y; y: ta.mouse-y;
width: 40px; width: 60px;
height: 40px; height: 60px;
background: ta.pressed ? orange : white; background: ta.pressed ? orange : skyblue;
}
Text { Text {
x: 5px; y: 5px; x: 5px; y: 5px;
text: "x: " + lengthToInt(myRect.x); text: "x: " + lengthToInt(myRect.x);
color: white;
} }
Text { Text {
x: 5px; y: 15px; x: 5px; y: 20px;
text: "y: " + lengthToInt(myRect.y); text: "y: " + lengthToInt(myRect.y);
color: white;
}
} }
} }
``` ```