marko 5.31.7 → 5.31.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 (`--`).
|