compmd 0.5.0

The CompMD processor: parses, validates and expands CompMD (Component Markdown) documents. In development.
Documentation 
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

---
md:
  version: 1
  export:
    pack: "@compmd/core"
    version: "1.0.0"
    names: "*"
---

# @compmd/core

The built-ins (spec ยง9), built into every processor and imported into every document. A signature fence alone is
a component the processor implements.

```compmd component=box signature
params:
  display: block | flex | grid | contents = block
  flex-direction: row | column = row
  gap: space = none
  align-items: start | center | end | stretch = stretch
  justify-content: start | center | end | between | around | space-between | space-around = start
  flex-wrap: wrap | nowrap = nowrap
  grid-template-columns: tracks?
  grid-template-rows: tracks?
  grid-template-areas: areas?
slots: [default]
```

```compmd component=stack {display=flex flex-direction=column gap=(gap) align-items=(align_items)}
params:
  gap: space = none
  align-items: start | center | end | stretch = stretch
slots: [default]
---
{{md.slot}}
```

```compmd component=row {display=flex flex-direction=row gap=(gap) align-items=(align_items) justify-content=(justify_content) flex-wrap=(flex_wrap)}
params:
  gap: space = none
  align-items: start | center | end | stretch = stretch
  justify-content: start | center | end | between | around | space-between | space-around = start
  flex-wrap: wrap | nowrap = wrap
slots: [default]
---
{{md.slot}}
```

```compmd component=grid {display=grid gap=(gap) align-items=(align_items) grid-template-columns=(grid_template_columns != null ? grid_template_columns : min != null ? "repeat(auto-fill, minmax(" + min + ", 1fr))" : null) grid-template-rows=(grid_template_rows) grid-template-areas=(grid_template_areas)}
params:
  min: length?
  gap: space = none
  align-items: start | center | end | stretch = stretch
  grid-template-columns: tracks?
  grid-template-rows: tracks?
  grid-template-areas: string?
slots: [default]
---
{{md.slot}}
```

```compmd component=if signature
params:
  when: boolean
slots: [default, else]
```

```compmd component=each signature
params:
  in: array
  as: name
  join: none | list | inline = none
  sep: string = " "
  last: string?
slots:
  default: {each: in, as: as}
  before: {}
  empty: {}
```

```compmd component=value signature
params:
  of: string
```

```compmd component=date-input signature
params:
  bind: input<date>
```

```compmd component=number-input signature
params:
  bind: input<number>
```

```compmd component=text-input signature
params:
  bind: input<string>
```

```compmd component=select-input signature
params:
  bind: input<enum>
```

```compmd component=toggle-input signature
params:
  bind: input<boolean>
```