Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions learn/app-development/widgets/basic/label.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ The following features for Label can be set in the **Class** property from the *
| Show | Showing determines whether or not a component is visible. It is a bindable property. |
| Load on Demand (visible only when show property is bound to a variable) | When this property is set and show property is bound, the initialization of the widget will be deferred till the widget becomes visible. This behavior improves the load time. Use this feature with caution, as it has a downside (as we will not be able to interact with the widget through script until the widget is initialized). When show property is not bound the widget will be initialized immediately. |
| Animation | This property controls the animation of an element. The animation is based on the CSS classes and works only in the run mode. |
| Android Ellipsis | Controls ellipsis behavior on Android devices. When set to true (default), ellipsis (...) is automatically applied when text overflows. When wrap is false, ellipsis appears at the end of the single line. When wrap is true and text exceeds the available space or specified number of lines, ellipsis is applied to the last visible line. Set to false to disable this Android-specific ellipsis behavior. |
| **Format** |
| Horizontal align | This property specifies how the elements should be aligned horizontally. |

Expand Down
20 changes: 20 additions & 0 deletions learn/how-tos/label-text-formatting.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
title: "label text formatting"
id: "label-text-formatting"
sidebar_label: "Label Text Formatting"
---
---

In this documentation, we will see how to format text within Label widgets using bold text and clickable links. The Label widget provides built-in text formatting functionality that supports markdown-style syntax - use `**double asterisks**` to make text bold and `[text](URL)` to create clickable links. This allows you to create rich text displays with emphasized content and interactive elements without requiring additional styling or custom components.

## Bold Text Formatting


### Markup

```html
<wm-label caption="A one-time code was sent to **john@gmail.com**. Please enter your code. For help, visit our **[support page](https://support.example.com)**." name="label" width="100%"></wm-label>
```



9 changes: 8 additions & 1 deletion website/sidebars.json
Original file line number Diff line number Diff line change
Expand Up @@ -1390,7 +1390,14 @@
"type": "category",
"label": "Basic Widgets",
"items": [
"app-development/widgets/basic/label",
{
"type": "category",
"label": "Label",
"items": [
"app-development/widgets/basic/label",
"how-tos/label-text-formatting"
]
},
"app-development/widgets/basic/anchor",
"app-development/widgets/basic/icon",
"app-development/widgets/basic/picture",
Expand Down