2.0.1 • Published 5 months ago

b-toast v2.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

b-toast

Uma biblioteca de toasts para Vue 3

O b-toast é uma biblioteca de toasts simples e personalizáveis para Vue 3. Ele fornece um componente Vue fácil de usar para exibir notificações no estilo toast em seu aplicativo.

npm.io

Vue 2

O bToast tambem é oferecido para Vue pela branch V1

Recursos

  • Exibe notificações de estilo toast de forma simples e elegante.
  • Personalizável para atender às necessidades do seu aplicativo.
  • Suporte a tipos de toasts: sucesso, erro, aviso, informativo, etc.
  • Fácil integração com projetos Vue 3 existentes.

NPM

https://www.npmjs.com/package/b-toast

Demonstração

Precisa de exemplos: DEMO PENDENTE

Instalação

$ npm install b-toast

Uso

Registro do plugin

Registre o componente b-toast globalmente em seu aplicativo Vue:

// main.js ou main.ts
import { createApp } from "vue";
import App from "./App.vue";
import btoast from "b-toast";

const app = createApp(App);

app.use(btoast);
app.mount("#app");

Em seguida, você pode usar o componente b-toast em qualquer lugar em seu aplicativo:

import { useToast } from "b-toast";
const toast = useToast();
toast.show("Olá sou um toast!");

// Ou com opções
const id = toast.show("Conteúdo do toast", {
  isDark: true,
});
// Ao invocar o toast, é retornado um ID único que
// pode ser usado para removê-lo da tela, se necessário.

//Removendo todos os toasts
toast.clear();

//Removendo um dos toasts (por id)
toast.dismiss(id);

toast.show(conteudo,?props)

toast.clear()

toast.dismiss(id)

Props

Aqui estão as propriedades disponíveis para o componente b-toast:

AtributoTipoInicialDescrição
contentString--Define o conteúdo no toast. (requerido)
typeStringsuccessOefine o tipo de toast. Pode ser success, error, warning, info, ou qualquer outro tipo personalizado.
durationNumber3000Define a duração em milissegundos que o toast ficará visível antes de ser fechado automaticamente. Padrão: 5000 (5 segundos).
isDarkBooleanfalseDefine o tema padrão do toast. Padrão: false.

Design Baseado em Pine UI

O design deste projeto de toasts, b-toast, foi desenvolvido com base no Pine UI, um design system moderno e flexível para design de front-end. O Pine UI fornece um conjunto abrangente de componentes e estilos consistentes que ajudaram a moldar a aparência e a experiência do b-toast.

Para obter mais informações sobre o Pine UI, você pode visitar o Pine UI e explorar os recursos e a documentação fornecidos.

Licença

Este projeto está licenciado sob a MIT License.

1.0.0

5 months ago

2.0.1

5 months ago

2.0.0

5 months ago

0.1.0

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago

0.0.0

2 years ago