alert-rs 0.2.0

⚠️ A highly customizable alert component for WASM frameworks like Yew, Dioxus, and Leptos.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

<div align="center">

# ⚠️ Alert RS

[![Crates.io](https://img.shields.io/crates/v/alert-rs)](https://crates.io/crates/alert-rs)
[![Crates.io Downloads](https://img.shields.io/crates/d/alert-rs)](https://crates.io/crates/alert-rs)
![Crates.io License](https://img.shields.io/crates/l/alert-rs)
[![made-with-rust](https://img.shields.io/badge/Made%20with-Rust-1f425f.svg?logo=rust&logoColor=white)](https://www.rust-lang.org/)
[![Rust](https://img.shields.io/badge/Rust-1.79%2B-blue.svg)](https://www.rust-lang.org)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/wiseaidev)

[![Open SASS Discord](https://dcbadge.limes.pink/api/server/b5JbvHW5nv)](https://discord.gg/b5JbvHW5nv)

![logo](./assets/logo.png)

</div>

## 🎬 Demo

![alert-rs-demo](./assets/demo.gif)

## 📜 Intro

`Alert-RS` is a highly customizable alert component designed for Wasm-based frameworks like **Yew**, **Dioxus**, and **Leptos**. Create fully-featured, styled alerts with configurable behaviors like auto-close, button actions, and customizable icons, all within your Rust-based frontend.

## 🤔 Why Use Alert-RS?

The following are some reasons why Alert-RS is a fantastic addition to your Wasm projects:

1. **🚨 Custom Alerts**: Create fully customizable alert boxes with title, message, and buttons.
1. **🎨 Styling Flexibility**: Customize every element with CSS classes and inline styles.
1. **⚡ Button Actions**: Display and handle buttons like Confirm, Cancel, and Close with callback support.
1. **⏲️ Auto-Close**: Optionally auto-close the alert after a timeout.
1. **🔧 Highly Configurable**: Control alert position, icon type, and visibility based on scroll position.

## Y Yew Usage

Refer to [our guide](YEW.md) to integrate this component into your Yew app.

## 🧬 Dioxus Usage (TODO)

Refer to [our guide](DIOXUS.md) to integrate this component into your Dioxus app.

## 🌱 Leptos Usage (TODO)

Refer to [our guide](LEPTOS.md) to integrate this component into your Leptos app.

## 🤝 Contributions

Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Alert-RS better.

1. Fork the repository.
1. Create a new branch for your feature/bugfix.
1. Submit a pull request for review.

## 📜 License

Alert-RS is licensed under the [MIT License](LICENSE). You are free to use, modify, and distribute this library in your projects.