fix(ld-sidenav-accordion): expand sidenav on initial render

emdgroup-liquid · May 5, 2022 · 0db2057 · 0db2057
1 parent 276b367
commit 0db2057
Show file tree

Hide file tree

Showing 4 changed files with 212 additions and 191 deletions.
diff --git a/src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.tsx b/src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.tsx
@@ -134,6 +134,7 @@ export class LdSidenavAccordion {
       <Host class={cl}>
         <ld-accordion class="ld-sidenav-accordion__accordion">
           <ld-accordion-section
+            expanded={this.expanded}
             ref={(el) => (this.sectionRef = el)}
             class="ld-sidenav-accordion__accordion-section"
           >

diff --git a/src/liquid/components/ld-sidenav/readme.md b/src/liquid/components/ld-sidenav/readme.md
@@ -510,7 +510,7 @@ For deeper navigation hierarchies you may also want to structure certain navigat
     <ld-sidenav-navitem to="artificial-inte">
       Artificial intelligence
     </ld-sidenav-navitem>
-    <ld-sidenav-accordion>
+    <ld-sidenav-accordion expanded>
       <ld-sidenav-navitem slot="toggle">Communication and security</ld-sidenav-navitem>
       <ld-sidenav-navitem mode="secondary">Networking</ld-sidenav-navitem>
       <ld-sidenav-navitem mode="secondary">Computer security</ld-sidenav-navitem>