1.0.8 • Published 10 months ago

rtc-alerts2 v1.0.8

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago

RTC-ALERTS2

La librería de alertas para React que necesitas

Esta librería de alertas se centra en tener un poco peso y ser fácil de utilizar, además de intentar adaptarse a cada equipo de desarrollo con sus necesidades

GET STARTED

Install

npm install rtc-alerts2

Provider

Tienes que proveer a tu aplicación con el AlertProvider para poder utilizar las alertas en tu proyecto

import { createRoot } from "react-dom/client";
import "./index.css";
import App from "./App.jsx";
import AlertProvider from "rtc-alerts2/AlertProvider.jsx";

createRoot(document.getElementById("root")).render(
  <AlertProvider>
    <App />
  </AlertProvider>
);

Uso

Donde quieras utilizar alguna alerta, tendrás que traer la función alert, de nuestro custom hook useAlert

import { useEffect, useState } from 'react'
import './App.css'
import useAlert from 'rtc-alerts2/useAlert';

function App() {
  const { alert } = useAlert();

  return (
    <div>
      App
    </div>
  )
}

export default App

Una vez te has traido la función alert de useAlert, puedes invocar una alerta cuando quieras, recuerda que es una función a la que le tienes que pasar un objeto:

    alert({
        type: "info",
        title: "El título que quieras",
        text: "El texto que quieras",
        time: 2000
     })

types

Para utilizar correctamente los tipos de la alerta tenemos las siguientes posibilidades:

  • success

success

  • error

error

  • warning

warning

  • info

info

1.0.8

10 months ago

1.0.7

10 months ago

1.0.6

10 months ago

1.0.5

10 months ago

1.0.4

10 months ago

1.0.3

10 months ago

1.0.2

10 months ago

1.0.1

10 months ago

1.0.0

10 months ago