@aurodesignsystem/auro-accordion 6.0.0-rc-1.1 → 6.0.0-rc-216.1
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.
- package/CHANGELOG.md +12 -1
- package/README.md +135 -84
- package/custom-elements.json +1331 -0
- package/demo/api.js +2 -0
- package/demo/api.md +311 -232
- package/demo/api.min.js +16 -3
- package/demo/auro-accordion.min.js +95 -50
- package/demo/index.md +16 -11
- package/dist/{auro-accordion-B6aPKaGa.js → auro-accordion-BmwXsHxz.js} +17 -13
- package/dist/index.d.ts +247 -121
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +21 -13
package/demo/index.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
<!--
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
THIS PAGE'S CONTENT SHOULD BE KEPT MINIMAL.
|
|
3
|
+
ONLY ADD EXAMPLES THAT ARE TRULY NECESSARY FOR THE INDEX PAGE — THE BASIC EXAMPLE IS USUALLY ENOUGH.
|
|
4
|
+
ALL OTHER EXAMPLES SHOULD GO IN THE API DOCUMENTATION.
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
|
-
#
|
|
8
|
-
|
|
7
|
+
# Accordion
|
|
8
|
+
|
|
9
9
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
|
|
10
10
|
<!-- The below content is automatically added from ./../docs/partials/description.md -->
|
|
11
11
|
`<auro-accordion>` is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of toggling the visibility of large content section by clicking on a smaller trigger element.
|
|
12
12
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
13
13
|
|
|
14
|
-
##
|
|
15
|
-
|
|
14
|
+
## Use Cases
|
|
15
|
+
|
|
16
16
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
|
|
17
17
|
<!-- The below content is automatically added from ./../docs/partials/useCases.md -->
|
|
18
18
|
The `<auro-accordion>` element should be used in situations where users may:
|
|
@@ -23,6 +23,8 @@ The `<auro-accordion>` element should be used in situations where users may:
|
|
|
23
23
|
|
|
24
24
|
## Example(s)
|
|
25
25
|
|
|
26
|
+
### Basic
|
|
27
|
+
|
|
26
28
|
<div class="exampleWrapper">
|
|
27
29
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
28
30
|
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
@@ -67,9 +69,12 @@ The `<auro-accordion>` element should be used in situations where users may:
|
|
|
67
69
|
```
|
|
68
70
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
69
71
|
</auro-accordion>
|
|
72
|
+
|
|
73
|
+
### Accordion Group
|
|
74
|
+
|
|
70
75
|
<div class="exampleWrapper">
|
|
71
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/
|
|
72
|
-
<!-- The below content is automatically added from ./../apiExamples/
|
|
76
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/accordion-group.html) -->
|
|
77
|
+
<!-- The below content is automatically added from ./../apiExamples/accordion-group.html -->
|
|
73
78
|
<auro-accordion-group>
|
|
74
79
|
<auro-accordion>
|
|
75
80
|
<span slot="trigger">Trigger</span>
|
|
@@ -121,8 +126,8 @@ The `<auro-accordion>` element should be used in situations where users may:
|
|
|
121
126
|
</div>
|
|
122
127
|
<auro-accordion alignRight>
|
|
123
128
|
<span slot="trigger">See code</span>
|
|
124
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/
|
|
125
|
-
<!-- The below code snippet is automatically added from ./../apiExamples/
|
|
129
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/accordion-group.html) -->
|
|
130
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/accordion-group.html -->
|
|
126
131
|
|
|
127
132
|
```html
|
|
128
133
|
<auro-accordion-group>
|