@gseller-monorepo/line

Gseller Line

Componente de linha para separar elemento

Props

• variant -> string[ENUM] (Opções das cores para a linha)
• size -> string[ENUM] (Opções de tamanho para a linha)
• html element props -> Propriedades nativas de um elemento HTML

Instalação

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

Estrutura de Pastas e Arquivos

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

Pasta src

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

Arquivo line.tsx

Arquivo que contém o componente de título

Pasta utils

Arquivo index.ts

Possui a função cn que utiliza das bibliotecas clsx, tailwind-merge e class-variance-authority, para que possamos fazer a interpolação de css, utilizando o classname, sem que haja conflito de classes