Skip to content

Commit

Permalink
Adjust code block according to example (#4197)
Browse files Browse the repository at this point in the history
* Adjust code block according to example

* Update start-here.md
  • Loading branch information
mitenka authored May 7, 2024
1 parent faf1430 commit 0d5a190
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions packages/docs/src/en/start-here.md
Original file line number Diff line number Diff line change
Expand Up @@ -96,14 +96,14 @@ When a `click` event happens, Alpine will call the associated JavaScript express
### Reacting to changes

```alpine
<h1 x-text="count"></h1>
<span x-text="count"></span>
```

`x-text` is an Alpine directive you can use to set the text content of an element to the result of a JavaScript expression.

In this case, we're telling Alpine to always make sure that the contents of this `h1` tag reflect the value of the `count` property.
In this case, we're telling Alpine to always make sure that the contents of this `span` tag reflect the value of the `count` property.

In case it's not clear, `x-text`, like most directives accepts a plain JavaScript expression as an argument. So for example, you could instead set its contents to: `x-text="count * 2"` and the text content of the `h1` will now always be 2 times the value of `count`.
In case it's not clear, `x-text`, like most directives accepts a plain JavaScript expression as an argument. So for example, you could instead set its contents to: `x-text="count * 2"` and the text content of the `span` will now always be 2 times the value of `count`.

[→ Read more about `x-text`](/directives/text)

Expand Down

0 comments on commit 0d5a190

Please sign in to comment.