angular / angular/components

Angular Material Typography: No ability to customize H5 and H6 levels in typography definition

Open
#24,892 0 comments 5 reactions 0 assignees View on GitHub
area: theming feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

Quote from https://material.angular.io/guide/typography:
_The .mat-h5 and .mat-h6 styles don't directly correspond to a specific Material Design typography level. The .mat-h5 style uses the body-1 level with the font-size scaled down by 0.83. The .mat-h6 style uses the body-1 level with the font-size scaled down by 0.67._
![Screen Shot 2022-05-06 at 11 36 41 AM](https://user-images.githubusercontent.com/22205168/167165666-675b26f9-b40f-4f18-8c23-b59be74baefe.png)

### Use Case

We have a specific typography guide to implement but have no defined styles for h5 or h6, do to it not corresponding directly to a typography level.

Are there ways to do this?

Contributor guide

Open the contributing guide

Research direction

Start with the Angular Material typography guide linked in the issue and trace how the typography definition represents the .mat-h5 and .mat-h6 styles. Determine the intended customization behavior and API before locating the relevant implementation and tests. Done means users can define independent H5 and H6 typography styles for their own guide.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.