angular / angular/components

Active style for mat-nav-list

Ouverte
#13,084 10 commentaires 23 réactions 0 personnes assignées Voir sur GitHub
area: material/list G P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

There's a theme-specific active style for navigation items in a nav drawer:

https://material.io/design/components/navigation-drawer.html#standard-drawer

(Note the way "inbox" is highlighted, because that's the section we're currently in).

However, there's no way to achieve this style in Angular Material. Ideally, there'd be a way to do this with routerLinkActive on a mat-nav-list.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start by reviewing the mat-nav-list entry point and how routerLinkActive applies to navigation items, then compare the requested behavior with the linked Material Design navigation-drawer example. Done means Angular Material provides a documented way to show the active navigation section with the requested theme-specific styling.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.