Text can be used to explain something, to be descriptive, to notify, and many other things text can be used for. When being effective with text, basic graphic design principles apply even to something simple as text.
<!--T:4-->
<!--T:4-->
== Examples ==
== Examples ==
Here we start with a parent that has a [[VerticalLayout (Component)|VerticalLayout]] component with ForceExpandWidth and ForceExpandHeight set.
Within the Resonite's Essential, there is an UI preset called the "Panel base". This UI preset uses the text component to display texts within the panel.
[[File:Text layout example vertical layout parent.jpeg|800px]]
The first child contains text, with no [[LayoutElement (Component)|LayoutElement]].
[[File:Text layout example text child.jpeg|800px]]
The second child is an [[Image (Component)|Image]] with a [[LayoutElement (Component)|LayoutElement]] set to its defaults.
[[File:20210515151449 1.jpg|800px]]
[[File:Text component.jpg|800px]]
As we see, rather than having equally-weighted children, the image child is squashed. In part this is because the image child has no preferred height, but also the text seems to have a preferred height that includes some empty space underneath it.
=== Videos ===
Setting various values in the LayoutElement of the image child does expand that child. For example, setting its FlexibleHeight to 1 or its PreferredHeight to 100.
Here is [[User:ProbablePrime|ProbablePrime]]'s tutorial on Text:
Text can be used to explain something, to be descriptive, to notify, and many other things text can be used for. When being effective with text, basic graphic design principles apply even to something simple as text.
Examples
Within the Resonite's Essential, there is an UI preset called the "Panel base". This UI preset uses the text component to display texts within the panel.
