angular / angular/components

Add Navigation Rail Sidenav Component

Ouverte
#18,280 14 commentaires 91 réactions 0 personnes assignées Voir sur GitHub
area: material/sidenav feature needs: discussion P5
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Feature Description

This was [just added](https://material.io/components/navigation-rail/) to the official Material Design spec. Navigation rails provide ergonomic movement between primary destinations in apps. YouTube and Google Photos are a couple of examples that use this component.

#### Use Case

The rail is a side navigation component that displays three to seven app destinations and, optionally, a Floating Action Button. Each destination is represented by an icon and a text label.

The rail can function on its own at larger screen sizes, such as desktop and tablet. When users transition between screen sizes and devices, the rail can also complement other navigation components, such as bottom navigation.

#### Preview
![](https://storage.googleapis.com/spec-host/mio-staging%2Fmio-components%2F1579302979877%2Fassets%2F16RFbe_aL_2_gNzrpCWu-wXNAJjouLRlm%2Frail-anatomy-container-dense.png)

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par examiner les composants de navigation Angular Material et la spécification Material Design liée concernant navigation-rail afin de comprendre les modèles de composants existants. Le travail sera considéré comme terminé lorsqu'une barre de navigation prenant en charge trois à sept destinations, des libellés de texte facultatifs et Floating Action Button aura été ajoutée, et qu'elle pourra être utilisée avec d'autres composants de navigation quelle que soit la taille de l'écran.

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é
4/5
Temps estimé
3-5 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
48/100

Recevez les nouvelles issues par e-mail

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