language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-04 10:50:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Make Slint intro clearer and formatted correctly (#7628)

Browse source
This commit is contained in:
Nigel Breslaw 2025-02-14 09:01:53 +02:00 • committed by GitHub
parent 1319a409ab
commit f6708cb534
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 30 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

58
docs/astro/src/content/docs/guide/language/concepts/slint-language.mdx
View file

@ -34,16 +34,16 @@ To nest elements inside each other place them within the parents braces. For exa
```slint
Rectangle {
width: 150px;
height: 60px;
background: white;
border-radius: 10px;
width: 150px;
height: 60px;
background: white;
border-radius: 10px;
Text {
text: "Hello World!";
font-size: 24px;
color: black;
}
Text {
text: "Hello World!";
font-size: 24px;
color: black;
}
}
```
@ -55,21 +55,22 @@ The final core part are binding expressions:
property <int> counter: 0;
Rectangle {
width: 150px;
height: 60px;
background: white;
border-radius: 10px;
width: 150px;
height: 60px;
background: white;
border-radius: 10px;
Text {
text: "Count: " + counter;
font-size: 24px;
color: black;
}
TouchArea {
clicked => {
counter += 1;
}
}
Text {
text: "Count: " + counter;
font-size: 24px;
color: black;
}
TouchArea {
clicked => {
counter += 1;
}
}
}
```
@ -87,12 +88,13 @@ And finally Views combine to become applications.
```slint no-test
export component MyView {
Dialog {
title: "Can UI Development Be Easy?";
Button {
text: "Yes";
MyDialog {
title: "Can UI Development Be Easy?";
MyButton {
text: "Yes";
}
}
}
}
```