Button should be capitalized by default per MD spec
See original GitHub issueBug, feature request, or proposal:
Button text should be in uppercase according to the material design spec. Should this rule be defaulted in the appropriate contexts in Angular Material?
What is the expected behavior?
https://material.io/guidelines/components/buttons.html#buttons-usage
Button text should be capitalized in languages that have capitalization. For other languages, colored text on flat buttons distinguishes them from normal text.
What is the current behavior?
text is not capitalized
What are the steps to reproduce?
Any button in any sample
What is the use-case or motivation for changing an existing behavior?
Default behavior should follow the spec
Which versions of Angular, Material, OS, browsers are affected?
current version
Is there anything else we should know?
Here’s an option to make it work on forms, cards and dialogs and excludes buttons in menus:
form button, md-card button, md-dialog-container button {
//:not(md-menu-item)
text-transform: uppercase;
}
Issue Analytics
- State:
- Created 6 years ago
- Comments:9 (6 by maintainers)
Top Results From Across the Web
Paper-Button always as upper case - Stack Overflow
As was mentioned in the comments above, the material design spec for buttons specifies that the text should be uppercase, but you can...
Read more >Button - Angular Material
According to the Material design spec button text has to be capitalized, however we have opted not to capitalize buttons automatically via text-transform: ......
Read more >Should text in button be capitalized in English? [duplicate]
Try to limit your Button's Text to a maximum of 2-3 words. · Yes, capitalizing the Initials for every new word for the...
Read more >The Form element - HTML: HyperText Markup Language | MDN
none : No automatic capitalization. sentences (default): Capitalize the first letter of each sentence. words : Capitalize the first letter of ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@ccstevenson @jelbourn PR on the way… #4567
PR would be great