angular / angular/components

Add Navigation Rail Sidenav Component

Abierto
#18,280 14 comentarios 91 reacciones 0 asignados Ver en GitHub
area: material/sidenav feature needs: discussion P5
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza revisando los componentes de navegación de Angular Material y la especificación de Material Design sobre navigation-rail enlazada para comprender los patrones de componentes existentes. Se considerará completado cuando se añada una barra de navegación que admita de tres a siete destinos, etiquetas de texto opcionales y Floating Action Button, y que pueda usarse junto con otros componentes de navegación en distintos tamaños de pantalla.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Tranquilo
Claridad
Bastante claro
Aptitud para principiantes
48/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.