scania-digital-design-system / tegel

Tegel Design System
https://tegel.scania.com
MIT License
13 stars 12 forks source link

[Feature Request]: tds-inline-tab #511

Open ssssyd-ssssyd opened 4 months ago

ssssyd-ssssyd commented 4 months ago

Requirements before reporting

Type of feature request

Functionality

What is your feature request?

Hello Development support - Tegel,

I want to report two issues when trying to implementing tds-inline-tabs in our Angular project:

Dynamic Indexing Support: I am facing issues with dynamically handling the active TabIndex, especially when tabs may not always be visible due to different conditions (if-statements). This hinders us to create dynamic tabs that adapts to our application's changing data. The event provided when the tab changes is limited to selectedTabIndex. For a more flexible handling of tab changes, events, such as the selectedTabName, would be beneficial as well. This would improve the flexibility of tab components. selected-index property binding: I've identified that the selected-index property binding in Angular components within the Tegel library doesn't work. The property binding does not seem to update the selected tab based on the bound property value.

These changes would be a great benefit for us, not just now but for other components as well. Thanks a lot!

Background

By supporting dynamic indexing and event handling (like selectedTabName), our application can offer scenarios where the visibility and relevance of tabs can change based on user actions or data conditions.

Idea

For a more flexible handling of tab changes, events, such as the selectedTabName, would be beneficial as well.

Goals and objectives

No response

Timeline

No response

Resources

No response

Contact information

saman.sandy@scania.com

mJarsater commented 4 months ago

If possible I think some replication code would be great in this case 👍🏻