Guidelines updates: Icon

Aberta Para iniciantes
#4,487 2 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
68/100
Tipo de issue
Documentação
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
javascript
Domínio
design, documentation

Direção de pesquisa

Comece pelas páginas de exemplos do componente Icon e pelas diretrizes de design existentes. Documente as diretrizes de tamanho da fonte e cor dos ícones, incluindo quando usar a prop isInline para que um ícone herde os estilos do elemento pai. O trabalho estará concluído quando as diretrizes explicarem claramente o uso autônomo de Icon e o uso de Icon estilizado pelo componente.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

PF Team PF6 Design guidelines

It would probably be helpful to have design guidelines for the <Icon> component. Something that came up recently is that the <Icon> component on its own will deliver an icon with our default icon font-size and color tokens. However, if the <Icon> is used somewhere a component already styles an <Icon> (like a button or a label), you want to use the isInline prop to tell the icon's font-size and color to inherit from it's parent context. We will be adding some docs to the component examples pages around this, but I wonder if this could also be touched on in design guidelines. At a minimum I think some guidelines around icon font-sizes and colors and how the <Icon> component allows you to customize those would be good.

cc @tlabaj @thatblindgeye @srambach


Jira Issue: PF-1284

Linguagem predominante
JavaScript
Estrelas
74
Forks
149
Merge médio
1d 9h
PRs com merge (30d)
13

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-org

Todas as issues de patternfly/patternfly-org

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.