Skip to content

[Feat] Possibilità di utilizzare il componente <it-tab-container> renderizzando N tab ma un solo "container" #575

Description

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

v21.0.0

Cosa

Quando si utilizza <it-tab-container>, oltre ai tab bisogna anche specificare il contenuto di ciascuno di essi

<it-tab-container>
  @for (tab of tabs; track tab) {
    <it-tab-item [label]="tab.label" [active]="$index === 0">
      {{ tab.content }}
    </it-tab-item>
  }
</it-tab-container>

Sarebbe ottimo poter fare qualcosa di simile (pseudo codice)

<it-tab-container>
  @for (tab of tabs; track tab) {
    <it-tab-item [label]="tab.label" [active]="$index === 0" />
  }
  
  <!-- Contenitore UNICO per tutti i tab -->
  <it-tab-wrapper>
    <!-- Altro codice HTML... -->
  </it-tab-wrapper>
</it-tab-container>

Perché

La feature permetterebbe di gestire con facilità le situazioni in cui i tab non fungono da navigazione ma da azioni sulla stessa pagina (es. filtri)

Contesto

No response

Altro

Al momento è possibile ottenere il comportamento desiderato seguendo la documentazione di Bootstrap Italia e apportando qualche modifica all'esempio di base

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions