angular / angular/components

Add Navigation Rail Sidenav Component

Offen
#18,280 14 Kommentare 91 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/sidenav feature needs: discussion P5
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der Überprüfung der Angular Material-Navigationskomponenten und der verlinkten Material Design-Spezifikation für navigation-rail, um die bestehenden Komponentenmustern zu verstehen. Die Aufgabe ist abgeschlossen, wenn eine Navigationsleiste hinzugefügt wurde, die drei bis sieben Ziele, optionale Textbeschriftungen und Floating Action Button unterstützt und zusammen mit anderen Navigationskomponenten über verschiedene Bildschirmgrößen hinweg verwendet werden kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.