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