marko 5.31.7 → 5.31.8
Sign up to get free protection for your applications and to get access to all the features.
- package/docs/concise.md +22 -0
- package/package.json +1 -1
package/docs/concise.md
CHANGED
|
@@ -38,6 +38,28 @@ _output.html_
|
|
|
38
38
|
|
|
39
39
|
> **ProTip:** These shorthand attributes are available within the HTML syntax as well
|
|
40
40
|
|
|
41
|
+
## Attributes on multiple lines
|
|
42
|
+
|
|
43
|
+
If a component has lots of attributes, you can spread them across multiple lines by surrounding them with square brackets
|
|
44
|
+
|
|
45
|
+
_input.marko_
|
|
46
|
+
|
|
47
|
+
```marko
|
|
48
|
+
div [
|
|
49
|
+
id="hello"
|
|
50
|
+
class=["class1", "class2", "class3"]
|
|
51
|
+
style={ border: "1px solid red" }
|
|
52
|
+
] -- hello
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
_output.html_
|
|
56
|
+
|
|
57
|
+
```html
|
|
58
|
+
<div id="hello" class="class1 class2 class3" style="border:1px solid red">
|
|
59
|
+
hello
|
|
60
|
+
</div>
|
|
61
|
+
```
|
|
62
|
+
|
|
41
63
|
## Text
|
|
42
64
|
|
|
43
65
|
Text in concise mode is denoted by two or more dashes (`--`).
|