angular / angular/components

feat(material): bottom-app-bar component

Open
#16,367 0 comments 26 reactions 0 assignees View on GitHub
area: new feature P4 target: major
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

## Feature Description
https://material.io/design/components/app-bars-bottom.html

Mentioned in https://github.com/angular/components/issues/13964#issuecomment-441044989
![ezgif-1-b45d38fe5d3a](https://user-images.githubusercontent.com/5334175/48908279-93d3fe00-ee48-11e8-90b1-e658d36ac21d.gif)

Mentioned in https://github.com/angular/components/issues/408#issuecomment-433441313
![image](https://user-images.githubusercontent.com/9059596/47575154-c6f1a300-d917-11e8-83f4-a8f9fff418d6.png)

### Other Information
MDC does not yet have a `mdc-bottom-app-bar`, but there is a [feature request](https://github.com/material-components/material-components-web/issues/2659) for one.

There is a separate feature request for a `mat-top-app-bar`: https://github.com/angular/components/issues/13964

This has been opened as people keep conflating Bottom App Bars with Bottom Navigation (which we are tracking separately in https://github.com/angular/components/issues/408). Now we can point them to this issue.

Contributor guide

Open the contributing guide

Research direction

Start by reading the linked Material Design bottom app bar specification and the referenced MDC feature request. Compare the requested component with the separate top app bar and bottom navigation issues. The issue does not name files, tests, or an implementation entry point; completion criteria are not defined beyond adding the component.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.