angular / angular/components

Add Navigation Rail Sidenav Component

オープン
#18,280 コメント 14 件 リアクション 91 件 担当者 0 名 GitHub で見る
area: material/sidenav feature needs: discussion P5
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず Angular Material のナビゲーションコンポーネントと、リンクされている Material Design の navigation-rail 仕様を確認し、既存のコンポーネントパターンを理解します。3~7 個の移動先、オプションのテキストラベル、Floating Action Button をサポートし、さまざまな画面サイズで他のナビゲーションコンポーネントと併用できるナビゲーションレールを追加できれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
48/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。