You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: projects/wml-accordion/README.md
+4-6Lines changed: 4 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,14 @@
1
1
# WML Accordion
2
2
3
-
This content is for the 19.0.0 version. Switch to the[latest version](/Windmillcode-Angular-CDK-Docs/angular-components/wml-accordion/)for up-to-date documentation.
4
-
5
-
The Windmillcode Angular WML Accordion library provides a set of components and services to create accordion functionalities in Angular applications. This library facilitates the development of accordions with customizable sections, and animation controls, using WMLUIProperty to ensure consistency in development practices. Developers can construct accordions that are responsive and adaptable to various content types and user interactions, enhancing the informational architecture of Angular-based web applications.
3
+
[Switch to Zen Mode](/Windmillcode-Angular-CDK-Docs/zen-mode/19.0.0/angular-components/wml-accordion)function h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);The Windmillcode Angular WML Accordion library provides a set of components and services to create accordion functionalities in Angular applications. This library facilitates the development of accordions with customizable sections, and animation controls, using WMLUIProperty to ensure consistency in development practices. Developers can construct accordions that are responsive and adaptable to various content types and user interactions, enhancing the informational architecture of Angular-based web applications.
6
4
7
5
WMLAccordionZeroComponent is the container which is populated with WMLAccordionZeroItemComponent to populate the accordion. WMLAccordionZeroItemComponent is a dynamic component and by defuault is uses WMLAccordionZeroSampleComponent as the accordion body and WMLAccordionZeroTitleComponent as the title of the accordion. you will want to replace
@@ -87,7 +85,7 @@ These tables provide an overview of the key elements within the WML Accordion Ze
87
85
88
86
### v0.0.1
89
87
90
-
can specify multiple accordion with in the component and specifiy your child compoennt as wellif you want the accordion body to be the same width as its header fintd the target accordion and specify its width<code><div class="ec-line"><div class="code"><span class="indent"> </span><span style="--0:#C5E478;--1:#3C63B3">.WMLAccordionZeroPod0</span><span style="--0:#C792EA;--1:#8D46B4"> </span><span style="--0:#FF6363;--1:#9B504E">wml-accordion-zero-item</span><span style="--0:#C5E478;--1:#3C63B3">:nth-child</span><span style="--0:#C792EA;--1:#8D46B4">(</span><span style="--0:#F78C6C;--1:#AA0982">1</span><span style="--0:#C792EA;--1:#8D46B4">)</span><span style="--0:#D6DEEB;--1:#403F53">{</span></div></div><div class="ec-line"><div class="code"><span class="indent"> </span><span style="--0:#80CBC4;--1:#097174">flex</span><span style="--0:#D6DEEB;--1:#403F53">: </span><span style="--0:#F78C6C;--1:#AA0982">0</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#F78C6C;--1:#AA0982">0</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--1:#AA0982"><span style="--0:#F78C6C">20</span><span style="--0:#FFEB95">%</span></span><span style="--0:#D6DEEB;--1:#403F53">!;</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#D6DEEB;--1:#403F53"> </span></span><span style="--0:#D6DEEB;--1:#403F53">}</span></div></div></code>
88
+
can specify multiple accordion with in the component and specifiy your child compoennt as wellif you want the accordion body to be the same width as its header fintd the target accordion and specify its width<code><div class="ec-line"><div class="code"><span class="indent"> </span><span style="--0:#C5E478;--1:#3B61B0">.WMLAccordionZeroPod0</span><span style="--0:#C792EA;--1:#8844AE"> </span><span style="--0:#FF6D6D;--1:#984E4D">wml-accordion-zero-item</span><span style="--0:#C5E478;--1:#3B61B0">:nth-child</span><span style="--0:#C792EA;--1:#8844AE">(</span><span style="--0:#F78C6C;--1:#AA0982">1</span><span style="--0:#C792EA;--1:#8844AE">)</span><span style="--0:#D6DEEB;--1:#403F53">{</span></div></div><div class="ec-line"><div class="code"><span class="indent"> </span><span style="--0:#80CBC4;--1:#096E72">flex</span><span style="--0:#D6DEEB;--1:#403F53">: </span><span style="--0:#F78C6C;--1:#AA0982">0</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#F78C6C;--1:#AA0982">0</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--1:#AA0982"><span style="--0:#F78C6C">20</span><span style="--0:#FFEB95">%</span></span><span style="--0:#D6DEEB;--1:#403F53">!;</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#D6DEEB;--1:#403F53"> </span></span><span style="--0:#D6DEEB;--1:#403F53">}</span></div></div></code>
91
89
92
90
93
91
@@ -102,7 +100,7 @@ end devs can now decide whether an accordion is open on init or not
102
100
### v16.2.5-0
103
101
104
102
end devs can control animations values for the the accordion
Copy file name to clipboardExpand all lines: projects/wml-angular-components-base/README.md
+2-4Lines changed: 2 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,14 @@
1
1
# WML Angular Components Base
2
2
3
-
This content is for the 19.0.0 version. Switch to the[latest version](/Windmillcode-Angular-CDK-Docs/angular-components/wml-angular-components-base/)for up-to-date documentation.
4
-
5
-
WML Angular Components Base extends the WML Components Base by integrating it with Angular-specific features and functionality. It builds on the foundation provided by the core library and adds seamless integration with Angular’s framework, making it easier to work with Angular modules, change detection, and Angular-based services like ngx-translate.
3
+
[Switch to Zen Mode](/Windmillcode-Angular-CDK-Docs/zen-mode/19.0.0/angular-components/wml-angular-components-base)function h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);WML Angular Components Base extends the WML Components Base by integrating it with Angular-specific features and functionality. It builds on the foundation provided by the core library and adds seamless integration with Angular’s framework, making it easier to work with Angular modules, change detection, and Angular-based services like ngx-translate.
6
4
7
5
While WML Components Base provides the essential UI building blocks, WML Angular Components Base enhances these components to work natively with Angular. This includes adding support for Angular’s dependency injection, change detection, routing, and lifecycle hooks.
0 commit comments