|
2 | 2 | rating: 31 |
3 | 3 | title: test title test test |
4 | 4 | completed: false |
| 5 | +toggle1: true |
| 6 | +slider1: 19 |
| 7 | +slider2: 6 |
| 8 | +text1: Test text |
| 9 | +text_area1: Test text area |
| 10 | +date1: 06/28/2022 |
| 11 | +select: option c |
| 12 | +multi-select: |
| 13 | + - option b |
| 14 | + - option d |
| 15 | +time1: 03:11 |
5 | 16 | --- |
6 | 17 |
|
7 | | -## List |
8 | | -- `INPUT[toggle:completed]` Toggle |
9 | | -- `INPUT[slider(addLabels):rating]` Slider |
10 | | -- `INPUT[slider(addLabels, minValue(10), maxValue(60)):rating]` Slider with labels |
11 | | -- `INPUT[text:title]` Text |
12 | | -- `INPUT[text]` Text unbound |
13 | | -- `INPUT[text_area(class(meta-bind-full-width)):other note#title]` Different note text area |
| 18 | +## Components |
| 19 | +### Toggle |
| 20 | +- `INPUT[toggle:toggle1]` Toggle |
14 | 21 |
|
15 | | -## Text block |
| 22 | +### Slider |
| 23 | +- `INPUT[slider:slider1]` Slider |
| 24 | +- `INPUT[slider(addLabels):slider1]` Slider with labels |
| 25 | +- `INPUT[slider(addLabels, minValue(1), maxValue(10)):slider2]` Slider with custom range |
| 26 | + |
| 27 | +### Text and text area |
| 28 | +- `INPUT[text:text1]` Text |
| 29 | +- `INPUT[text_area:text_area1]` Text Area |
| 30 | + |
| 31 | +### Date |
| 32 | +- `INPUT[date:date1]` Date |
| 33 | + |
| 34 | +### Time |
| 35 | +- `INPUT[time:time1]` Time |
| 36 | + |
| 37 | +### Select |
| 38 | +Select |
| 39 | +```meta-bind |
| 40 | +INPUT[select( |
| 41 | +option(option a), |
| 42 | +option(option b), |
| 43 | +option(option c), |
| 44 | +option(option d) |
| 45 | +):select] |
| 46 | +``` |
| 47 | + |
| 48 | +Select with title |
| 49 | +```meta-bind |
| 50 | +INPUT[select( |
| 51 | +title(select with title), |
| 52 | +option(option a), |
| 53 | +option(option b), |
| 54 | +option(option c), |
| 55 | +option(option d) |
| 56 | +):select] |
| 57 | +``` |
| 58 | + |
| 59 | +### Multi-Select |
| 60 | +Multi-Select |
| 61 | +```meta-bind |
| 62 | +INPUT[multi_select( |
| 63 | +option(option a), |
| 64 | +option(option b), |
| 65 | +option(option c), |
| 66 | +option(option d) |
| 67 | +):multi-select] |
| 68 | +``` |
| 69 | + |
| 70 | +Multi-Select with title |
| 71 | +```meta-bind |
| 72 | +INPUT[multi_select( |
| 73 | +title(some title), |
| 74 | +option(option a), |
| 75 | +option(option b), |
| 76 | +option(option c), |
| 77 | +option(option d) |
| 78 | +):multi-select] |
| 79 | +``` |
| 80 | + |
| 81 | + |
| 82 | +## Linking to a different note |
16 | 83 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet porttitor arcu. Quisque scelerisque dolor augue, et posuere nulla bibendum nec. Curabitur sed rhoncus nisl. |
17 | 84 |
|
18 | 85 | ```meta-bind |
@@ -43,19 +110,8 @@ option(option d) |
43 | 110 | ):other note#multi-select] |
44 | 111 | ``` |
45 | 112 |
|
46 | | -A date input field |
47 | | -```meta-bind |
48 | | -INPUT[date():other note#date] |
49 | | -``` |
50 | | - |
51 | | -A time input field |
52 | | -```meta-bind |
53 | | -INPUT[time():other note#time] |
54 | | -``` |
55 | | - |
56 | 113 | Lorem ipsum dolor sit amet, `INPUT[date():other note#date]` consectetur adipiscing elit. Pellentesque sit amet porttitor arcu. Quisque scelerisque dolor augue, et posuere nulla bibendum nec. Curabitur sed rhoncus nisl. Maecenas nisi justo, viverra vel tempus vel, hendrerit at metus. |
57 | 114 |
|
58 | 115 | ## Error Messages |
59 | | -- `INPUT[text():meta bind/nonExistantFile#title]` test test test |
60 | | - |
61 | | -`INPUT[select(option(option a),option(option b),option(option c),option(option d)):other note#select]` |
| 116 | +- `INPUT[text():meta bind/nonExistantFile#title]` |
| 117 | +- `INPUT[select(option(option a),option(option b),option(option c),option(option d)):select]` |
0 commit comments