|
1 | 1 |
|
2 | 2 | #Button |
3 | | -##h2 Heading |
4 | | -###h3 Heading |
5 | | -####h4 Heading |
6 | | -#####h5 Heading |
7 | | -######h6 Heading |
8 | 3 |
|
9 | | -<h1>html</h1> |
10 | | -<CodeSnippet></CodeSnippet> |
| 4 | +**Buttons** express what action will occur when the user clicks or touches it. Buttons are used to initialize an action, either in the background or foreground of an experience. |
| 5 | +##Examples |
11 | 6 |
|
12 | | -##Horizontal Rules |
| 7 | +<CodeSnippetcodePenId="bjpOzN"></CodeSnippet> |
13 | 8 |
|
14 | | -___ |
| 9 | +##Props/Slots |
15 | 10 |
|
16 | | ---- |
| 11 | +###ca-button props |
17 | 12 |
|
18 | | -*** |
| 13 | +| Name | Type | default |
| 14 | +| ------| -----------| ----| |
| 15 | +| primary| Boolean| false| |
| 16 | +| secondary| Boolean| false| |
| 17 | +| danger| Boolean| false| |
| 18 | +| disable| Boolean| false| |
| 19 | +| icon| String| ''| |
19 | 20 |
|
| 21 | +###ca-button slot |
20 | 22 |
|
21 | | -##Typographic replacements |
22 | | - |
23 | | -Enable typographer option to see result. |
24 | | - |
25 | | -(c) (C) (r) (R) (tm) (TM) (p) (P) +- |
26 | | - |
27 | | -test.. test... test..... test?..... test!.... |
28 | | - |
29 | | -!!!!!! ???? ,, -- --- |
30 | | - |
31 | | -"Smartypants, double quotes" and 'single quotes' |
32 | | - |
33 | | - |
34 | | -##Emphasis |
35 | | - |
36 | | -**This is bold text** |
37 | | - |
38 | | -__This is bold text__ |
39 | | - |
40 | | -*This is italic text* |
41 | | - |
42 | | -_This is italic text_ |
43 | | - |
44 | | -~~Strikethrough~~ |
45 | | - |
46 | | - |
47 | | -##Blockquotes |
48 | | - |
49 | | - |
50 | | ->Blockquotes can also be nested... |
51 | | ->>...by using additional greater-than signs right next to each other... |
52 | | ->>>...or with spaces between arrows. |
53 | | -
|
54 | | - |
55 | | -##Lists |
56 | | - |
57 | | -Unordered |
58 | | - |
59 | | -+ Create a list by starting a line with`+`,`-`, or`*` |
60 | | -+ Sub-lists are made by indenting 2 spaces: |
61 | | -- Marker character change forces new list start: |
62 | | -* Ac tristique libero volutpat at |
63 | | -+ Facilisis in pretium nisl aliquet |
64 | | -- Nulla volutpat aliquam velit |
65 | | -+ Very easy! |
66 | | - |
67 | | -Ordered |
68 | | - |
69 | | -1. Lorem ipsum dolor sit amet |
70 | | -2. Consectetur adipiscing elit |
71 | | -3. Integer molestie lorem at massa |
72 | | - |
73 | | - |
74 | | -1. You can use sequential numbers... |
75 | | -1. ...or keep all the numbers as`1.` |
76 | | - |
77 | | -Start numbering with offset: |
78 | | - |
79 | | -57. foo |
80 | | -1. bar |
81 | | - |
82 | | - |
83 | | -##Code |
84 | | - |
85 | | -Inline`code` |
86 | | - |
87 | | -Indented code |
88 | | - |
89 | | -// Some comments |
90 | | -line 1 of code |
91 | | -line 2 of code |
92 | | -line 3 of code |
93 | | - |
94 | | - |
95 | | -Block code "fences" |
96 | | - |
97 | | -``` |
98 | | -Sample text here... |
99 | | -``` |
100 | | - |
101 | | -Syntax highlighting |
102 | | - |
103 | | -```js |
104 | | -varfoo=function (bar) { |
105 | | -return bar++; |
106 | | -}; |
107 | | - |
108 | | -console.log(foo(5)); |
109 | | -``` |
110 | | - |
111 | | -##Tables |
112 | | - |
113 | | -| Option| Description| |
114 | | -| ------| -----------| |
115 | | -| data| path to data files to supply the data that will be passed into templates.| |
116 | | -| engine| engine to be used for processing templates. Handlebars is the default.| |
117 | | -| ext| extension to be used for dest files.| |
118 | | - |
119 | | -Right aligned columns |
120 | | - |
121 | | -| Option| Description| |
122 | | -| ------:| -----------:| |
123 | | -| data| path to data files to supply the data that will be passed into templates.| |
124 | | -| engine| engine to be used for processing templates. Handlebars is the default.| |
125 | | -| ext| extension to be used for dest files.| |
126 | | - |
127 | | - |
128 | | -##Links |
129 | | - |
130 | | -[link text](http://dev.nodeca.com) |
131 | | - |
132 | | -[link with title](http://nodeca.github.io/pica/demo/"title text!") |
133 | | - |
134 | | -Autoconverted linkhttps://github.com/nodeca/pica (enable linkify to see) |
135 | | - |
136 | | - |
137 | | -##Images |
138 | | - |
139 | | - |
140 | | -![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg"The Stormtroopocat") |
141 | | - |
142 | | -Like links, Images also have a footnote style syntax |
143 | | - |
144 | | -![Alt text][id] |
145 | | - |
146 | | -With a reference later in the document defining the URL location: |
147 | | - |
148 | | -[id]:https://octodex.github.com/images/dojocat.jpg"The Dojocat" |
149 | | - |
150 | | - |
151 | | -##Plugins |
152 | | - |
153 | | -The killer feature of`markdown-it` is very effective support of |
154 | | -[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin). |
155 | | - |
156 | | - |
157 | | -###[Emojies](https://github.com/markdown-it/markdown-it-emoji) |
158 | | - |
159 | | ->Classic markup::wink: :crush::cry: :tear::laughing::yum: |
160 | | -> |
161 | | ->Shortcuts (emoticons): :-) :-( 8-) ;) |
162 | | -
|
163 | | -see[how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji. |
164 | | - |
165 | | - |
166 | | -###[Subscript](https://github.com/markdown-it/markdown-it-sub) /[Superscript](https://github.com/markdown-it/markdown-it-sup) |
167 | | - |
168 | | -- 19^th^ |
169 | | -- H~2~O |
170 | | - |
171 | | - |
172 | | -###[\<ins>](https://github.com/markdown-it/markdown-it-ins) |
173 | | - |
174 | | -++Inserted text++ |
175 | | - |
176 | | - |
177 | | -###[\<mark>](https://github.com/markdown-it/markdown-it-mark) |
178 | | - |
179 | | -==Marked text== |
180 | | - |
181 | | - |
182 | | -###[Footnotes](https://github.com/markdown-it/markdown-it-footnote) |
183 | | - |
184 | | -Footnote 1 link[^first]. |
185 | | - |
186 | | -Footnote 2 link[^second]. |
187 | | - |
188 | | -Inline footnote^[Text of inline footnote] definition. |
189 | | - |
190 | | -Duplicated footnote reference[^second]. |
191 | | - |
192 | | -[^first]: Footnote**can have markup** |
193 | | - |
194 | | - and multiple paragraphs. |
195 | | - |
196 | | -[^second]: Footnote text. |
197 | | - |
198 | | - |
199 | | -###[Definition lists](https://github.com/markdown-it/markdown-it-deflist) |
200 | | - |
201 | | -Term 1 |
202 | | - |
203 | | -: Definition 1 |
204 | | -with lazy continuation. |
205 | | - |
206 | | -Term 2 with*inline markup* |
207 | | - |
208 | | -: Definition 2 |
209 | | - |
210 | | - { some code, part of Definition 2 } |
211 | | - |
212 | | -Third paragraph of definition 2. |
213 | | - |
214 | | -_Compact style:_ |
215 | | - |
216 | | -Term 1 |
217 | | - ~ Definition 1 |
218 | | - |
219 | | -Term 2 |
220 | | - ~ Definition 2a |
221 | | - ~ Definition 2b |
222 | | - |
223 | | - |
224 | | -###[Abbreviations](https://github.com/markdown-it/markdown-it-abbr) |
225 | | - |
226 | | -This is HTML abbreviation example. |
227 | | - |
228 | | -It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on. |
229 | | - |
230 | | -*[HTML]: Hyper Text Markup Language |
231 | | - |
232 | | -###[Custom containers](https://github.com/markdown-it/markdown-it-container) |
233 | | - |
234 | | -::: warning |
235 | | -*here be dragons* |
236 | | -::: |
| 23 | +| Name| Type| |
| 24 | +| ------| -----------| |
| 25 | +| default| any| |