blob: c42be959f59443d811b3e02f11a5a4d9d884119f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
---
order: 6
title: text
---
# `x-text`
`x-text` sets the text content of an element to the result of a given expression.
Here's a basic example of using `x-text` to display a user's username.
```alpine
<div x-data="{ username: 'calebporzio' }">
Username: <strong x-text="username"></strong>
</div>
```
<!-- START_VERBATIM -->
<div class="demo">
<div x-data="{ username: 'calebporzio' }">
Username: <strong x-text="username"></strong>
</div>
</div>
<!-- END_VERBATIM -->
Now the `<strong>` tag's inner text content will be set to "calebporzio".
|