angular / angular/components

Add Navigation Rail Sidenav Component

Aperta
#18,280 14 commenti 91 reazioni 0 assegnatari Vedi su GitHub
area: material/sidenav feature needs: discussion P5
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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)

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia esaminando i componenti di navigazione di Angular Material e la specifica di Material Design collegata relativa a navigation-rail per comprendere i pattern dei componenti esistenti. Il lavoro sarà completo quando sarà stata aggiunta una barra di navigazione che supporti da tre a sette destinazioni, etichette di testo opzionali e Floating Action Button, e che possa essere utilizzata insieme ad altri componenti di navigazione su schermi di dimensioni diverse.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.