Gseller Toaster

Este componente foi desenvolvido para exibir notificações estilizadas, integrando-se harmoniosamente com o tema do aplicativo. Ele utiliza o componente Sonner para gerenciar e exibir as notificações de forma personalizada.

Props

As propriedades do componente Toaster são derivadas do componente Sonner. Este componente aceita todas as propriedades que Sonner aceita, já que é um wrapper personalizado em torno dele.

Lembrete

• A alteração das cores não é possível de ser realizada, pois o componente foi pensado para seguir a estrutura e cores do Gseller

Dependências

Certifique-se de ter as seguintes dependências instaladas:

• @gseller-monorepo/toast

Instalação

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

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

Pasta lib

Arquivo utils.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