kirbydesign / designsystem

Kirby Design System
https://cookbook.kirby.design
MIT License
84 stars 23 forks source link

[Enhancement] Routing concept with cookbook example #2862

Open mictro opened 1 year ago

mictro commented 1 year ago

Describe the enhancement

Add tab routing concept with router-outlet to tab-navigation and amend cookbook with an example. A POC on the feasibility of using Angular's native routing has been conducted with participation of @RasmusTraeholt and @mark-drastrup. The use of Angular's native relative-routing and named-outlets a.k.a. auxiliary-routing was tested on the cookbook example but proved not to work as intended. A working solution was chosen based on absolute routing where the absolute route to the navigation tab was provided using a router attribute. It is to be decided whether the absolute path of the nav-tab router-link should be specified using Angular's routerLink attribute or specified using a custom attribute on the tab-nav component(s).

Describe the solution you'd like

Have you considered any alternatives?

Are there any additional context?


Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

Implementation

The contributor who wants to implement this issue should:

Review

Once the issue has been implemented and is ready for review:

mictro commented 1 year ago

The issue is out of scope for the kirby component feature (see tracking issue #2705 ) - but may become relevant later on as an add-on...