@gseller-monorepo/tag

Gseller Tag

Componente criado para exibir tags

Props

• title -> string (conteúdo que irá aparecer na tag)

Instalação

  yarn add @gseller-monorepo/tag
  or
  npm install @gseller-monorepo/tag
  or
  pnpm add @gseller-monorepo/tag

Estrutura de Pastas e Arquivos

A estrutura do projeto é organizada para facilitar a compreensão e manutenção.

Pasta src

Arquivo tag.tsx

Reponsável por exportar toda a lógica do componente de tag

Arquivo index.ts

Responsável pela exportação de todos os arquivos necessários para utilização do componente

Arquivo global.css

Arquivo que define os resets e css base para utilização do tailwindcss

Pasta utils

Arquivo index.ts

Possui a função cn que utiliza da biblioteca clsx e tailwind-merge, para que possamos fazer a interpolação de css, utilizando o classname, sem que haja conflito de classes