markdown-ui 0.1.6 → 0.1.7
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.
- checksums.yaml +4 -4
- data/Changelog +6 -0
- data/README.md +1 -1
- data/exe/markdown-ui +10 -12
- data/lib/markdown-ui.rb +1 -7
- data/lib/markdown-ui/version.rb +1 -1
- data/markdown-ui.gemspec +6 -6
- data/website/button.html +524 -0
- data/website/button.md +535 -0
- data/website/compile.sh +8 -4
- data/website/index.html +498 -546
- data/website/index.md +598 -582
- metadata +10 -2
data/website/button.md
ADDED
|
@@ -0,0 +1,535 @@
|
|
|
1
|
+
> Sticky Inverted Vertical Menu:
|
|
2
|
+
> [Button](button.html "active")
|
|
3
|
+
> [Button](button.html)
|
|
4
|
+
> [Button](button.html)
|
|
5
|
+
> [Button](button.html)
|
|
6
|
+
|
|
7
|
+
<!-- -->
|
|
8
|
+
|
|
9
|
+
> Inverted Segment Container:
|
|
10
|
+
> > Inverted Menu:
|
|
11
|
+
> > [Markdown UI](#home "basic")
|
|
12
|
+
> > > Inverted Right Menu:
|
|
13
|
+
> > > [Docs](#docs "disabled")
|
|
14
|
+
> > > [About](#about "disabled")
|
|
15
|
+
> > > [Github](#github)
|
|
16
|
+
> > > [Install](#install "disabled")
|
|
17
|
+
|
|
18
|
+
<!-- -->
|
|
19
|
+
|
|
20
|
+
> Left Aligned Container:
|
|
21
|
+
> > Segment:
|
|
22
|
+
> > # Buttons:Center Aligned
|
|
23
|
+
>
|
|
24
|
+
> <!-- -->
|
|
25
|
+
>
|
|
26
|
+
> > Segment:
|
|
27
|
+
> > ### Button
|
|
28
|
+
> > "Standard Button"
|
|
29
|
+
>
|
|
30
|
+
> <!-- -->
|
|
31
|
+
>
|
|
32
|
+
> > Divided Segment Grid:
|
|
33
|
+
> > > HTML Top Attached Segment:
|
|
34
|
+
> > > > Top Attached Label:
|
|
35
|
+
> > > > Standard Button
|
|
36
|
+
> >
|
|
37
|
+
> > <!-- -->
|
|
38
|
+
> >
|
|
39
|
+
> > > Center Aligned Six Wide Column:
|
|
40
|
+
> > > ##### Preview
|
|
41
|
+
> > > __Button|Follow__
|
|
42
|
+
> >
|
|
43
|
+
> > <!-- -->
|
|
44
|
+
> >
|
|
45
|
+
> > > Left Aligned Ten Wide Column:
|
|
46
|
+
> > > ##### Markdown Syntax
|
|
47
|
+
> > > > Inverted Very Padded Segment:
|
|
48
|
+
> > > > ```
|
|
49
|
+
> > > > __Button|Follow__
|
|
50
|
+
> > > > ```
|
|
51
|
+
> >
|
|
52
|
+
> > <!-- -->
|
|
53
|
+
> >
|
|
54
|
+
>
|
|
55
|
+
> <!-- -->
|
|
56
|
+
>
|
|
57
|
+
> > Divided Segment Grid:
|
|
58
|
+
> > > HTML Top Attached Segment:
|
|
59
|
+
> > > > Top Attached Label:
|
|
60
|
+
> > > > Standard Button with Custom Class And ID
|
|
61
|
+
> >
|
|
62
|
+
> > <!-- -->
|
|
63
|
+
> >
|
|
64
|
+
> > > Center Aligned Six Wide Column:
|
|
65
|
+
> > > ##### Preview
|
|
66
|
+
> > > __Optional-Class Button|Follow|Optional-ID__
|
|
67
|
+
> >
|
|
68
|
+
> > <!-- -->
|
|
69
|
+
> >
|
|
70
|
+
> > > Left Aligned Ten Wide Column:
|
|
71
|
+
> > > ##### Markdown Syntax
|
|
72
|
+
> > > > Inverted Very Padded Segment:
|
|
73
|
+
> > > > ```__<Optional-Class> Button|Follow|<Optional-ID>__```
|
|
74
|
+
> >
|
|
75
|
+
> > <!-- -->
|
|
76
|
+
> >
|
|
77
|
+
>
|
|
78
|
+
> <!-- -->
|
|
79
|
+
>
|
|
80
|
+
> > Divided Segment Grid:
|
|
81
|
+
> > > HTML Top Attached Segment:
|
|
82
|
+
> > > > Top Attached Label:
|
|
83
|
+
> > > > Focusable Button
|
|
84
|
+
> >
|
|
85
|
+
> > <!-- -->
|
|
86
|
+
> >
|
|
87
|
+
> > > Center Aligned Six Wide Column:
|
|
88
|
+
> > > ##### Preview
|
|
89
|
+
> > > __Focusable Button|Follow|Optional-ID__
|
|
90
|
+
> >
|
|
91
|
+
> > <!-- -->
|
|
92
|
+
> >
|
|
93
|
+
> > > Left Aligned Ten Wide Column:
|
|
94
|
+
> > > ##### Markdown Syntax
|
|
95
|
+
> > > > Inverted Very Padded Segment:
|
|
96
|
+
> > > > ```
|
|
97
|
+
> > > > __Focusable Button|Follow|<Optional-ID>__
|
|
98
|
+
> > > > ```
|
|
99
|
+
> >
|
|
100
|
+
> > <!-- -->
|
|
101
|
+
> >
|
|
102
|
+
>
|
|
103
|
+
> <!-- -->
|
|
104
|
+
>
|
|
105
|
+
> > Attached Segment:
|
|
106
|
+
> > ### Emphasis
|
|
107
|
+
> > "A button can be formatted to show different levels of emphasis"
|
|
108
|
+
>
|
|
109
|
+
> <!-- -->
|
|
110
|
+
>
|
|
111
|
+
> > Divided Segment Grid:
|
|
112
|
+
> > > HTML Top Attached Segment:
|
|
113
|
+
> > > > Top Attached Label:
|
|
114
|
+
> > > > Emphasis
|
|
115
|
+
> >
|
|
116
|
+
> > <!-- -->
|
|
117
|
+
> >
|
|
118
|
+
> > > Center Aligned Six Wide Column:
|
|
119
|
+
> > > ##### Preview
|
|
120
|
+
> > > __Primary Button|Save__ __Button|Discard__
|
|
121
|
+
> > > " "
|
|
122
|
+
> > > __Secondary Button|Save__ __Button|Discard__
|
|
123
|
+
> >
|
|
124
|
+
> > <!-- -->
|
|
125
|
+
> >
|
|
126
|
+
> > > Left Aligned Ten Wide Column:
|
|
127
|
+
> > > ##### Markdown Syntax
|
|
128
|
+
> > > > Inverted Very Padded Segment:
|
|
129
|
+
> > > > ``` __Primary Button|Save__ __Button|Discard__ ``` <br />
|
|
130
|
+
> > > > ``` __Secondary Button|Save__ __Button|Discard__ ```
|
|
131
|
+
> >
|
|
132
|
+
> > <!-- -->
|
|
133
|
+
> >
|
|
134
|
+
>
|
|
135
|
+
> <!-- -->
|
|
136
|
+
>
|
|
137
|
+
> > Attached Segment:
|
|
138
|
+
> > ### Animated
|
|
139
|
+
> > "A button can animate to show hidden content"
|
|
140
|
+
>
|
|
141
|
+
> <!-- -->
|
|
142
|
+
>
|
|
143
|
+
> > Divided Segment Grid:
|
|
144
|
+
> > > HTML Top Attached Segment:
|
|
145
|
+
> > > > Top Attached Label:
|
|
146
|
+
> > > > Animated
|
|
147
|
+
> >
|
|
148
|
+
> > <!-- -->
|
|
149
|
+
> >
|
|
150
|
+
> > > Center Aligned Six Wide Column:
|
|
151
|
+
> > > ##### Preview
|
|
152
|
+
> > > __Animated Button|Next;Icon:Right Arrow__
|
|
153
|
+
> >
|
|
154
|
+
> > <!-- -->
|
|
155
|
+
> >
|
|
156
|
+
> > > Left Aligned Ten Wide Column:
|
|
157
|
+
> > > ##### Markdown Syntax
|
|
158
|
+
> > > > Inverted Very Padded Segment:
|
|
159
|
+
> > > > ```
|
|
160
|
+
> > > > __Animated Button|Next;Icon：Right Arrow__
|
|
161
|
+
> > > > ```
|
|
162
|
+
> >
|
|
163
|
+
> > <!-- -->
|
|
164
|
+
> >
|
|
165
|
+
>
|
|
166
|
+
> <!-- -->
|
|
167
|
+
>
|
|
168
|
+
> > Divided Segment Grid:
|
|
169
|
+
> > > HTML Top Attached Segment:
|
|
170
|
+
> > > > Top Attached Label:
|
|
171
|
+
> > > > Vertical Animated
|
|
172
|
+
> >
|
|
173
|
+
> > <!-- -->
|
|
174
|
+
> >
|
|
175
|
+
> > > Center Aligned Six Wide Column:
|
|
176
|
+
> > > ##### Preview
|
|
177
|
+
> > > __Vertical Animated Button|Icon:Shop;Shop__
|
|
178
|
+
> >
|
|
179
|
+
> > <!-- -->
|
|
180
|
+
> >
|
|
181
|
+
> > > Left Aligned Ten Wide Column:
|
|
182
|
+
> > > ##### Markdown Syntax
|
|
183
|
+
> > > > Inverted Very Padded Segment:
|
|
184
|
+
> > > > ```
|
|
185
|
+
> > > > __Vertical Animated Button|Icon：Shop;Shop__
|
|
186
|
+
> > > > ```
|
|
187
|
+
> >
|
|
188
|
+
> > <!-- -->
|
|
189
|
+
> >
|
|
190
|
+
>
|
|
191
|
+
> <!-- -->
|
|
192
|
+
>
|
|
193
|
+
> > Divided Segment Grid:
|
|
194
|
+
> > > HTML Top Attached Segment:
|
|
195
|
+
> > > > Top Attached Label:
|
|
196
|
+
> > > > Fade Animated
|
|
197
|
+
> >
|
|
198
|
+
> > <!-- -->
|
|
199
|
+
> >
|
|
200
|
+
> > > Center Aligned Six Wide Column:
|
|
201
|
+
> > > ##### Preview
|
|
202
|
+
> > > __Fade Animated Button|Sign-up for a Pro account;$12.99 a month__
|
|
203
|
+
> >
|
|
204
|
+
> > <!-- -->
|
|
205
|
+
> >
|
|
206
|
+
> > > Left Aligned Ten Wide Column:
|
|
207
|
+
> > > ##### Markdown Syntax
|
|
208
|
+
> > > > Inverted Very Padded Segment:
|
|
209
|
+
> > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
|
|
210
|
+
> >
|
|
211
|
+
> > <!-- -->
|
|
212
|
+
> >
|
|
213
|
+
>
|
|
214
|
+
> <!-- -->
|
|
215
|
+
>
|
|
216
|
+
> > Attached Segment:
|
|
217
|
+
> > ### Icon
|
|
218
|
+
> > "A button can have only an icon"
|
|
219
|
+
>
|
|
220
|
+
> <!-- -->
|
|
221
|
+
>
|
|
222
|
+
> > Divided Segment Grid:
|
|
223
|
+
> > > HTML Top Attached Segment:
|
|
224
|
+
> > > > Top Attached Label:
|
|
225
|
+
> > > > Icon Button
|
|
226
|
+
> >
|
|
227
|
+
> > <!-- -->
|
|
228
|
+
> >
|
|
229
|
+
> > > Center Aligned Six Wide Column:
|
|
230
|
+
> > > ##### Preview
|
|
231
|
+
> > > __Icon Button|Icon:Cloud__
|
|
232
|
+
> >
|
|
233
|
+
> > <!-- -->
|
|
234
|
+
> >
|
|
235
|
+
> > > Left Aligned Ten Wide Column:
|
|
236
|
+
> > > ##### Markdown Syntax
|
|
237
|
+
> > > > Inverted Very Padded Segment:
|
|
238
|
+
> > > > ```
|
|
239
|
+
> > > > __Icon Button|Icon：Cloud__
|
|
240
|
+
> > > > ```
|
|
241
|
+
> >
|
|
242
|
+
> > <!-- -->
|
|
243
|
+
> >
|
|
244
|
+
>
|
|
245
|
+
> <!-- -->
|
|
246
|
+
>
|
|
247
|
+
> > Attached Segment:
|
|
248
|
+
> > ### Labeled Icon
|
|
249
|
+
> > "A button can have an icon and a label"
|
|
250
|
+
>
|
|
251
|
+
> <!-- -->
|
|
252
|
+
>
|
|
253
|
+
> > Divided Segment Grid:
|
|
254
|
+
> > > HTML Top Attached Segment:
|
|
255
|
+
> > > > Top Attached Label:
|
|
256
|
+
> > > > Labeled Icon
|
|
257
|
+
> >
|
|
258
|
+
> > <!-- -->
|
|
259
|
+
> >
|
|
260
|
+
> > > Center Aligned Six Wide Column:
|
|
261
|
+
> > > ##### Preview
|
|
262
|
+
> > > __Labeled Icon Button|Icon:Pause,Pause__
|
|
263
|
+
> >
|
|
264
|
+
> > <!-- -->
|
|
265
|
+
> >
|
|
266
|
+
> > > Left Aligned Ten Wide Column:
|
|
267
|
+
> > > ##### Markdown Syntax
|
|
268
|
+
> > > > Inverted Very Padded Segment:
|
|
269
|
+
> > > > ```
|
|
270
|
+
> > > > __Labeled Icon Button|Icon：Pause,Pause__
|
|
271
|
+
> > > > ```
|
|
272
|
+
> >
|
|
273
|
+
> > <!-- -->
|
|
274
|
+
> >
|
|
275
|
+
>
|
|
276
|
+
> <!-- -->
|
|
277
|
+
>
|
|
278
|
+
> > Attached Segment:
|
|
279
|
+
> > ### Basic Button
|
|
280
|
+
> > "A basic button is less pronounced"
|
|
281
|
+
>
|
|
282
|
+
> <!-- -->
|
|
283
|
+
>
|
|
284
|
+
> > Divided Segment Grid:
|
|
285
|
+
> > > HTML Top Attached Segment:
|
|
286
|
+
> > > > Top Attached Label:
|
|
287
|
+
> > > > Basic Button
|
|
288
|
+
> >
|
|
289
|
+
> > <!-- -->
|
|
290
|
+
> >
|
|
291
|
+
> > > Center Aligned Six Wide Column:
|
|
292
|
+
> > > ##### Preview
|
|
293
|
+
> > > __Basic Button|Icon:User,Add Friend__
|
|
294
|
+
> >
|
|
295
|
+
> > <!-- -->
|
|
296
|
+
> >
|
|
297
|
+
> > > Left Aligned Ten Wide Column:
|
|
298
|
+
> > > ##### Markdown Syntax
|
|
299
|
+
> > > > Inverted Very Padded Segment:
|
|
300
|
+
> > > > ```
|
|
301
|
+
> > > > __Basic Button|Icon：User,Add Friend__
|
|
302
|
+
> > > > ```
|
|
303
|
+
> >
|
|
304
|
+
> > <!-- -->
|
|
305
|
+
> >
|
|
306
|
+
>
|
|
307
|
+
> <!-- -->
|
|
308
|
+
>
|
|
309
|
+
> > Divided Segment Grid:
|
|
310
|
+
> > > HTML Top Attached Segment:
|
|
311
|
+
> > > > Top Attached Label:
|
|
312
|
+
> > > > Basic Button
|
|
313
|
+
> >
|
|
314
|
+
> > <!-- -->
|
|
315
|
+
> >
|
|
316
|
+
> > > Center Aligned Six Wide Column:
|
|
317
|
+
> > > ##### Preview
|
|
318
|
+
> > > __Basic Standard Button|Standard__
|
|
319
|
+
> > > __Basic Black Button|Black__
|
|
320
|
+
> > > __Basic Yellow Button|Yellow__
|
|
321
|
+
> > > __Basic Green Button|Green__
|
|
322
|
+
> > > __Basic Blue Button|Blue__
|
|
323
|
+
> > > __Basic Orange Button|Orange__
|
|
324
|
+
> > > __Basic Purple Button|Purple__
|
|
325
|
+
> > > __Basic Pink Button|Pink__
|
|
326
|
+
> > > __Basic Red Button|Red__
|
|
327
|
+
> > > __Basic Teal Button|Teal__
|
|
328
|
+
> >
|
|
329
|
+
> > <!-- -->
|
|
330
|
+
> >
|
|
331
|
+
> > > Left Aligned Ten Wide Column:
|
|
332
|
+
> > > ##### Markdown Syntax
|
|
333
|
+
> > > > Inverted Very Padded Segment:
|
|
334
|
+
> > > > ``` __Basic Standard Button|Standard__``` <br />
|
|
335
|
+
> > > > ``` __Basic Black Button|Black__``` <br />
|
|
336
|
+
> > > > ``` __Basic Yellow Button|Yellow__``` <br />
|
|
337
|
+
> > > > ``` __Basic Green Button|Green__``` <br />
|
|
338
|
+
> > > > ``` __Basic Blue Button|Blue__``` <br />
|
|
339
|
+
> > > > ``` __Basic Orange Button|Orange__``` <br />
|
|
340
|
+
> > > > ``` __Basic Purple Button|Purple__``` <br />
|
|
341
|
+
> > > > ``` __Basic Pink Button|Pink__``` <br />
|
|
342
|
+
> > > > ``` __Basic Red Button|Red__``` <br />
|
|
343
|
+
> > > > ``` __Basic Teal Button|Teal__```
|
|
344
|
+
> >
|
|
345
|
+
> > <!-- -->
|
|
346
|
+
> >
|
|
347
|
+
>
|
|
348
|
+
> <!-- -->
|
|
349
|
+
>
|
|
350
|
+
> > Attached Segment:
|
|
351
|
+
> > ### Inverted
|
|
352
|
+
> > "A button can be formatted to appear on dark backgrounds"
|
|
353
|
+
>
|
|
354
|
+
> <!-- -->
|
|
355
|
+
>
|
|
356
|
+
> > Divided Segment Grid:
|
|
357
|
+
> > > HTML Top Attached Segment:
|
|
358
|
+
> > > > Top Attached Label:
|
|
359
|
+
> > > > Inverted
|
|
360
|
+
> >
|
|
361
|
+
> > <!-- -->
|
|
362
|
+
> >
|
|
363
|
+
> > > Center Aligned Six Wide Column:
|
|
364
|
+
> > > ##### Preview
|
|
365
|
+
> > > > Inverted Very Padded Segment:
|
|
366
|
+
> > > __Inverted Standard Button|Standard__
|
|
367
|
+
> > > __Inverted Black Button|Black__
|
|
368
|
+
> > > __Inverted Yellow Button|Yellow__
|
|
369
|
+
> > > __Inverted Green Button|Green__
|
|
370
|
+
> > > __Inverted Blue Button|Blue__
|
|
371
|
+
> > > __Inverted Orange Button|Orange__
|
|
372
|
+
> > > __Inverted Purple Button|Purple__
|
|
373
|
+
> > > __Inverted Pink Button|Pink__
|
|
374
|
+
> > > __Inverted Red Button|Red__
|
|
375
|
+
> > > __Inverted Teal Button|Teal__
|
|
376
|
+
> >
|
|
377
|
+
> > <!-- -->
|
|
378
|
+
> >
|
|
379
|
+
> > > Left Aligned Ten Wide Column:
|
|
380
|
+
> > > ##### Markdown Syntax
|
|
381
|
+
> > > > Inverted Very Padded Segment:
|
|
382
|
+
> > > > ```> Inverted Segment：``` <br />
|
|
383
|
+
> > > > ```> __Inverted Standard Button|Standard__``` <br />
|
|
384
|
+
> > > > ```> __Inverted Black Button|Black__``` <br />
|
|
385
|
+
> > > > ```> __Inverted Yellow Button|Yellow__``` <br />
|
|
386
|
+
> > > > ```> __Inverted Green Button|Green__``` <br />
|
|
387
|
+
> > > > ```> __Inverted Blue Button|Blue__``` <br />
|
|
388
|
+
> > > > ```> __Inverted Orange Button|Orange__``` <br />
|
|
389
|
+
> > > > ```> __Inverted Purple Button|Purple__``` <br />
|
|
390
|
+
> > > > ```> __Inverted Pink Button|Pink__``` <br />
|
|
391
|
+
> > > > ```> __Inverted Red Button|Red__``` <br />
|
|
392
|
+
> > > > ```> __Inverted Teal Button|Teal__```
|
|
393
|
+
> >
|
|
394
|
+
> > <!-- -->
|
|
395
|
+
> >
|
|
396
|
+
>
|
|
397
|
+
> <!-- -->
|
|
398
|
+
>
|
|
399
|
+
> > Attached Segment:
|
|
400
|
+
> > ### Groups
|
|
401
|
+
> > "Buttons can exist together as a group"
|
|
402
|
+
>
|
|
403
|
+
> <!-- -->
|
|
404
|
+
>
|
|
405
|
+
> > Divided Segment Grid:
|
|
406
|
+
> > > HTML Top Attached Segment:
|
|
407
|
+
> > > > Top Attached Label:
|
|
408
|
+
> > > > Buttons
|
|
409
|
+
> >
|
|
410
|
+
> > <!-- -->
|
|
411
|
+
> >
|
|
412
|
+
> > > Center Aligned Six Wide Column:
|
|
413
|
+
> > > ##### Preview
|
|
414
|
+
> > > > Buttons:
|
|
415
|
+
> > > > __Button|One|Standard__
|
|
416
|
+
> > > > __Button|Two|Standard__
|
|
417
|
+
> > > > __Button|Three|Standard__
|
|
418
|
+
> >
|
|
419
|
+
> > <!-- -->
|
|
420
|
+
> >
|
|
421
|
+
> > > Left Aligned Ten Wide Column:
|
|
422
|
+
> > > ##### Markdown Syntax
|
|
423
|
+
> > > > Inverted Very Padded Segment:
|
|
424
|
+
> > > > ```> Buttons：``` <br />
|
|
425
|
+
> > > > ```> __Standard Button|One__``` <br />
|
|
426
|
+
> > > > ```> __Standard Button|Two__``` <br />
|
|
427
|
+
> > > > ```> __Standard Button|Three__```
|
|
428
|
+
> >
|
|
429
|
+
> > <!-- -->
|
|
430
|
+
> >
|
|
431
|
+
>
|
|
432
|
+
> <!-- -->
|
|
433
|
+
>
|
|
434
|
+
> > Attached Segment:
|
|
435
|
+
> > ### Icon Buttons
|
|
436
|
+
> > "Buttons can exist together as a group"
|
|
437
|
+
>
|
|
438
|
+
> <!-- -->
|
|
439
|
+
>
|
|
440
|
+
> > Divided Segment Grid:
|
|
441
|
+
> > > HTML Top Attached Segment:
|
|
442
|
+
> > > > Top Attached Label:
|
|
443
|
+
> > > > Buttons
|
|
444
|
+
> >
|
|
445
|
+
> > <!-- -->
|
|
446
|
+
> >
|
|
447
|
+
> > > Center Aligned Six Wide Column:
|
|
448
|
+
> > > ##### Preview
|
|
449
|
+
> > > > Icon Buttons:
|
|
450
|
+
> > > > __Button|Icon: Align Left__
|
|
451
|
+
> > > > __Button|Icon: Align Center__
|
|
452
|
+
> > > > __Button|Icon: Align Right__
|
|
453
|
+
> > > > __Button|Icon: Align Justify__
|
|
454
|
+
> > >
|
|
455
|
+
> > > <!-- -->
|
|
456
|
+
> > >
|
|
457
|
+
> > > > Icon Buttons:
|
|
458
|
+
> > > > __Button|Icon: Bold__
|
|
459
|
+
> > > > __Button|Icon: Underline__
|
|
460
|
+
> > > > __Button|Icon: Text Width__
|
|
461
|
+
> >
|
|
462
|
+
> > <!-- -->
|
|
463
|
+
> >
|
|
464
|
+
> > > Left Aligned Ten Wide Column:
|
|
465
|
+
> > > ##### Markdown Syntax
|
|
466
|
+
> > > > Inverted Very Padded Segment:
|
|
467
|
+
> > > > ```> Icon Buttons：``` <br />
|
|
468
|
+
> > > > ```> __Button|Icon：Align Left__``` <br />
|
|
469
|
+
> > > > ```> __Button|Icon：Align Center__``` <br />
|
|
470
|
+
> > > > ```> __Button|Icon：Align Right__``` <br />
|
|
471
|
+
> > > > ```> __Button|Icon：Align Justify__``` <br />
|
|
472
|
+
> > > <br />
|
|
473
|
+
> > > ``` <!-- A separator is required in between two spaces -->``` <br />
|
|
474
|
+
> > > <br />
|
|
475
|
+
> > > > ```> Icon Buttons：``` <br />
|
|
476
|
+
> > > > ```> __Button|Icon：Bold__``` <br />
|
|
477
|
+
> > > > ```> __Button|Icon：Underline__``` <br />
|
|
478
|
+
> > > > ```> __Button|Icon：Text Width__```
|
|
479
|
+
> >
|
|
480
|
+
> > <!-- -->
|
|
481
|
+
> >
|
|
482
|
+
>
|
|
483
|
+
> <!-- -->
|
|
484
|
+
>
|
|
485
|
+
> > Attached Segment:
|
|
486
|
+
> > ### Conditionals
|
|
487
|
+
> > "Button groups can contain conditionals"
|
|
488
|
+
>
|
|
489
|
+
> <!-- -->
|
|
490
|
+
>
|
|
491
|
+
> > Divided Segment Grid:
|
|
492
|
+
> > > HTML Top Attached Segment:
|
|
493
|
+
> > > > Top Attached Label:
|
|
494
|
+
> > > > Conditionals
|
|
495
|
+
> >
|
|
496
|
+
> > <!-- -->
|
|
497
|
+
> >
|
|
498
|
+
> > > Center Aligned Six Wide Column:
|
|
499
|
+
> > > ##### Preview
|
|
500
|
+
> > > > Buttons:
|
|
501
|
+
> > > > __Button|Cancel__
|
|
502
|
+
> > > > __Div Tag||Or__
|
|
503
|
+
> > > > __Positive Button|Save__
|
|
504
|
+
> >
|
|
505
|
+
> > <!-- -->
|
|
506
|
+
> >
|
|
507
|
+
> > > Left Aligned Ten Wide Column:
|
|
508
|
+
> > > ##### Markdown Syntax
|
|
509
|
+
> > > > Inverted Very Padded Segment:
|
|
510
|
+
> > > > ```> Buttons：``` <br />
|
|
511
|
+
> > > > ```> __Button|Cancel__``` <br />
|
|
512
|
+
> > > > ```> __Div Tag||Or__``` <br />
|
|
513
|
+
> > > > ```> __Positive Button|Save__```
|
|
514
|
+
> >
|
|
515
|
+
> > <!-- -->
|
|
516
|
+
> >
|
|
517
|
+
> > > Center Aligned Six Wide Column:
|
|
518
|
+
> > > ##### Preview
|
|
519
|
+
> > > > Buttons:
|
|
520
|
+
> > > > __Button|un__
|
|
521
|
+
> > > > __Div Tag||Or|Data:Text:ou__
|
|
522
|
+
> > > > __Positive Button|deux|Optional-ID__
|
|
523
|
+
> >
|
|
524
|
+
> > <!-- -->
|
|
525
|
+
> >
|
|
526
|
+
> > > Left Aligned Ten Wide Column:
|
|
527
|
+
> > > ##### Markdown Syntax
|
|
528
|
+
> > > > Inverted Very Padded Segment:
|
|
529
|
+
> > > > ```> Buttons：``` <br />
|
|
530
|
+
> > > > ```> __Button|un__``` <br />
|
|
531
|
+
> > > > ```> __Div Tag||Or|Data：Text：ou__``` <br />
|
|
532
|
+
> > > > ```> __Positive Button|deux|<Optional-ID>__```
|
|
533
|
+
> >
|
|
534
|
+
> > <!-- -->
|
|
535
|
+
> >
|