selectrs 0.0.1

🔽 A highly customizable select 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
59
60
61
62
63
64
65
66
67

<div align="center">

# 🔽 Select RS

[![Crates.io](https://img.shields.io/crates/v/selectrs)](https://crates.io/crates/selectrs)
[![Crates.io Downloads](https://img.shields.io/crates/d/selectrs)](https://crates.io/crates/selectrs)
![Crates.io License](https://img.shields.io/crates/l/selectrs)
[![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)

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

<!-- absolute url for docs.rs cause assets is excluded from crate -->
![logo](https://raw.githubusercontent.com/opensass/select-rs/refs/heads/main/assets/logo.webp)

</div>

## 🎬 Demo

<!-- absolute url for docs.rs cause assets is excluded from crate -->
![select-rs-demo](https://github.com/opensass/select-rs/blob/main/assets/demo.gif)

| Framework | Live Demo |
| --- | --- |
| Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/b2f7d257-599e-4eab-a6c6-7ff655f3caf4/deploy-status)](https://select-rs.netlify.app) |
| Dioxus | TODO |
| Leptos | TODO |

## 📜 Intro

Select RS is a highly customizable `select` dropdown component for Wasm-based frameworks like **Yew**, **Dioxus**, and **Leptos**. It supports both single and multiple selections, and offers extensive customization options for styling, interaction, and behavior.

## 🤔 Why Use Select RS?

The following are some reasons why you should consider using Select RS in your WASM-based projects:

1. **🎨 Custom Styling**: Style your select dropdown with custom classes, inline styles, and more to fit your design needs.
1. **⚡ Callbacks**: Handle user selection with efficient callbacks to manage state changes dynamically.
1. **📱 Multiple Selections**: Supports single or multiple selection modes with visual enhancements such as selected chips that can be removed.
1. **🔍 Accessibility**: Ensures accessibility with built-in support for required fields, autocomplete, and focus handling.
1. **💡 Customizable Placeholders**: Easily configure placeholder text for a better user experience.

## Yew Usage

<!-- absolute url for docs.rs cause YEW.md is not included in crate -->
Refer to [our guide](https://github.com/opensass/select-rs/blob/main/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 improve Select RS.

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

## 📜 License

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