tree-sitters/html/test/highlight/attributes.html
2023-12-11 19:48:31 +01:00

40 lines
1.3 KiB
HTML

<div style="display: flex" draggable>
<!-- <- tag -->
<!--^^^^ attribute -->
<!-- ^^^^^^^^^^^^^ string -->
<!-- ^^^^^^^^^ attribute -->
<div onclick=tap>Hello, World</div>
<!-- <- punctuation.bracket -->
<div onclick=tap>Hello, World</div>
<!-- ^^^^^^^^ attribute -->
<div onclick=tap>Hello, World</div>
<!-- ^^^ string -->
<div onclick=tap>Hello, World</div>
<!-- ^^ punctuation.bracket -->
<div onclick="tap">Hello, World</div>
<!-- ^^^ tag -->
<div onclick="tap">Hello, World</div>
<!-- ^ punctuation.bracket -->
<something:different
<!-- <- punctuation.bracket -->
<!-- ^^^^^^^^^^^^^^^ tag -->
@click="count++"
<!--^^^^^^^ attribute -->
<!-- ^^^^^^^ string -->
:value="count"
<!--^^^^^^^ attribute -->
<!-- ^^^^^ string -->
@value:modelValue="newValue => count = newValue"
<!--^^^^^^^^^^^^^^^^^^ attribute -->
<!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ string -->
>
<!-- <- punctuation.bracket -->
</something:different>
<!-- <- punctuation.bracket -->
<!-- ^^^^^^^^^^^^^^^^ tag -->
<!-- ^ punctuation.bracket -->
</div>
<!-- <- punctuation.bracket -->
<!--^ tag -->
<!-- ^ punctuation.bracket -->