feat: new list headers with multiple actions

italia · Dec 4, 2024 · 9e1f824 · 9e1f824
1 parent 346bacd
commit 9e1f824
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/app/list/list-multiple/list-multiple.component.html b/src/app/list/list-multiple/list-multiple.component.html
@@ -4,7 +4,10 @@ <h3>Lista con azioni multiple, metadata e testo aggiuntivo</h3>
 <div class="bd-example">
   <it-list>
     <it-list-item iconLeft="true" href="#" externalLink="true">
-      <span class="text">Link lista 1</span>
+      <div>
+        <h4 class="text m-0">Link lista 1</h4>
+        <p class="small m-0">Lorem ipsum dolor sit amet.</p>
+      </div>
       <ng-container multiple>
         <a href="#" aria-label="Testo - Azione 1">
           <it-icon name="code-circle" color="primary"></it-icon>
@@ -18,7 +21,10 @@ <h3>Lista con azioni multiple, metadata e testo aggiuntivo</h3>
       </ng-container>
     </it-list-item>
     <it-list-item iconLeft="true" href="#" externalLink="true">
-      <span class="text">Link lista 2</span>
+      <div>
+        <h4 class="text m-0">Link lista 2</h4>
+        <p class="small m-0">Lorem ipsum dolor sit amet.</p>
+      </div>
       <ng-container multiple>
         <span class="metadata">metadata testo</span>
         <a href="#" aria-label="Testo - Azione 1">
@@ -33,7 +39,10 @@ <h3>Lista con azioni multiple, metadata e testo aggiuntivo</h3>
       </ng-container>
     </it-list-item>
     <it-list-item iconLeft="true" href="#" externalLink="true">
-      <span class="text">Testo<em>Lorem ipsum dolor sit amet.</em></span>
+      <div>
+        <h4 class="text m-0">Testo <em>Lorem ipsum dolor sit amet.</em></h4>
+        <p class="small m-0">Lorem ipsum dolor sit amet.</p>
+      </div>
       <ng-container multiple>
         <span class="metadata">metadata testo</span>
         <a href="#" aria-label="Testo - Azione 1">