1
resposta

Desafio das tags com styled components

{/considerando que já tem o arquivo tags.json/}

import tags from "./tags.json";

import { styled, Styled } from "styled-components";

const Container = styled.div display: flex; gap: 2px; flew-wrap: wrap;;

const Botao = styled.divbackground: blue; margin:3px; padding:.4rem; text-align:center; border-radius:6px; color:white; font-weight; width:fit-content;;

export const Tags = () => { return ( {tags.map((tag) => ( {tag.titulo} ))} ); };

1 resposta

Olá, Antônio Carlos! Tudo bem?

Parabéns por concluir e compartilhar sua solução para o desafio das tags! É muito bacana ver sua iniciativa e o resultado do seu empenho.

Seu código está bem estruturado e funcional, aplicando corretamente os conceitos de styled-components para criar os botões e o contêiner, exatamente como a atividade propunha.

Continue assim, praticando e se aprofundando cada vez mais nos estudos de React!

Espero ter ajudado! Bons estudos!

Sucesso

Imagem da comunidade