styled-components don't work with Tab.js
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 38/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react
- Domínio
- frontend
Direção de pesquisa
Comece em Tab.js, na verificação de child.type descrita no relatório, e depois reproduza o exemplo de styled-components para entender como as abas personalizadas são tratadas. Considera-se concluído quando componentes styled Tab puderem ser personalizados sem serem rejeitados, enquanto o comportamento existente das abas permanece intacto.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
It's not possible to customize Tab.js with styled-components (https://github.com/styled-components/styled-components) because of this line in Tab.js:
if (child.type !== _Tab2.default) {
return child;
}
if you customize the styling with styled-components,
const StyleTab = styled(Tab)`
background-color : ${props => props.selected? 'white' : 'transparent'};
`;
child.type will no longer be Tab but StyleTab
I also don't understand why this check is here?
- Linguagem predominante
- JavaScript
- Estrelas
- 3.1k
- Forks
- 455
- Merge médio
- 5h 9min
- PRs com merge (30d)
- 2
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
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 reactjs/react-tabs
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
reactjs/react-tabs#584 ·
-
className default is lost when props.className is undefined in UncontrolledTabsTalvez já em andamento @Shiva903-hue assumiu há 268 dias. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
reactjs/react-tabs#581 · 3 comentários ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#571 ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#525 · 1 comentário · 1 reação ·
-
Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelinesTalvez livre de novo @Jastagar assumiu há 1048 dias e não há nenhum pull request aberto. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#521 · 3 comentários ·
Todas as issues de reactjs/react-tabs
Issues semelhantes
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
jspreadsheet/ce#1809 ·
-
documentation
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 91/100
githubnext/gh-aw-workshop#4458 ·
Mantenedores costumam responder em até 1 dia
-
Add: CartoonitoAbertacheck:failed feeds:add
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 63/100
iptv-org/database#37390 · 1 comentário ·
Mantenedores costumam responder em até 9 dias
-
bug: directory index route root priority is overwritten when wildcard is falseTalvez já em andamento @TalhaHunter101 assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 84/100
fastify/fastify-static#617 ·
-
bug confirmed css v6
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 66/100
Mantenedores costumam responder em até 1 dia