ILLA home page
  1. Text

Text

​
Properties

PropertyDescription
ContentSet the text displayed on Text component. Markdown and plain text are supported.
TooltipA tooltip displayed on the component when users hover over the component.
Horizontal alignmentTo set the horizontal position of the text content in the component
Vertical alignmentTo set the vertial position of the text content in the component
HiddenTo set whether to display this component and under what conditions to display it. For example, if the current user is not User A, this component should be hidden: {{ currentUserInfo.nickname != ‘User A’ }}
ColorTo set the text color in paint text format
Text sizeTo set the text size in paint text format

​
Use Markdown

​
Headline

# Heading 1
## Heading 2
### Heading 3

​
Bold & Italics

**Bold**
*Italics*

​
To-do list

### To-do list

1. [ ] 🚀 Build a new app on ILLA Cloud
2. [ ] ☎️ Call with Monica
3. [x] 🍷 Have dinner with **Elsa**
4. [x] 💃 Play `Just dance` for half an hour

​
Bulleted list

### Bulleted list
- Real-time Collaboration: We can create everything in real-time together.
- 🛠 Custom Plugin: Build any custom plugin to do what you want.
- 🤖 Automate Support: Connect everything and automate them in 5 seconds.
- 🖥 Self-hosted: supports Docker & k8s

​
Table

### Table
| Name        | Link   |  Description  |
| :--------  | :-------  | :----  |
| ILLA Cloud | [https://cloud.illacloud.com/](https://cloud.illacloud.com/) |Build apps on ILLA Cloud|
| ILLA GitHub | [https://github.com/illacloud/illa-builder](https://github.com/illacloud/illa-builder) |Star us on GitHub|
| ILLA homepage | [https://www.illacloud.com/](https://www.illacloud.com/) |ILLA Cloud Offical website

​
Display dynamic data

Use {{ to get data from other components or actions or global variables. For example, to display the nickname of current user:

## {{ '👋 Hello! '+ currentUserInfo.nickname }}