feat(button): add filled/tonal matIconButton
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 52/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- angular, typescript
- Domínio
- frontend
Direção de pesquisa
Comece comparando as opções de aparência existentes de matButton com matIconButton e, em seguida, revise as variantes de botões de ícone do Material Design 3 vinculadas no issue. Considera-se concluído quando matIconButton puder renderizar aparências filled e tonal como botões de ícone circulares, distintos de FABs e dos botões de ícone padrão.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Feature Description
Currently, matButton supports multiple appearances (text, filled, tonal, outlined, elevated) via the matButton attribute, but matIconButton does not accept any appearance input — it always renders as a transparent circular button.
Material Design 3 specifies filled and tonal icon button variants as distinct components alongside the standard and outlined icon buttons. There is currently no straightforward way to create these in Angular Material without using matFab/matMiniFab (which have different sizing, elevation, and semantics) or matButton="filled" with an icon (which doesn't produce a circular icon button).
Use Case
Developers building M3-compliant UIs need filled and tonal icon buttons for actions that require more visual emphasis than a standard icon button, but don't carry the semantic meaning of a FAB (floating action button). For example, a filled icon button for a primary action like "play" or "add to cart" in a toolbar, or a tonal icon button for a medium-emphasis toggle like "bookmark" or "favorite."
- Linguagem predominante
- TypeScript
- Estrelas
- 25k
- Forks
- 6.8k
- Merge médio
- 1d 7h
- PRs com merge (30d)
- 92
Preparar o ambiente
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de angular/components
-
area: material/datepicker P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#33763 · 2 comentários · 3 reações ·
Mantenedores costumam responder em até 1 dia
-
area: material/table P4
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
angular/components#33709 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
area: material/table docs gemini-triaged P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#33455 ·
Mantenedores costumam responder em até 1 dia
-
area: material/core gemini-triaged P3
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 78/100
angular/components#33059 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
area: material/dialog P2
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 64/100
angular/components#30536 · 3 reações ·
Mantenedores costumam responder em até 1 dia
Todas as issues de angular/components
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 84/100
opengovsg/FormSG#10118 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
ai-driven-qa bug claude
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 75/100
linagora/twake-calendar-frontend#1434 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Add: MBC kr [Geo-blocked]Abertacheck:passed streams:add
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
iptv-org/iptv#52824 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 Meio dia Facilidade para iniciantes 78/100
jaegertracing/jaeger-ui#4512 ·
Mantenedores costumam responder em até 1 dia
-
area:ide documentation enhancement platform:macos platform:vscode
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
anthropics/claude-code#97389 ·
Mantenedores costumam responder em até 1 dia