https://github.com/opensass/radio-rs

🎛️ A highly customizable radio buttons component for WASM frameworks.
https://github.com/opensass/radio-rs

dioxus leptos radio radio-buttons radio-rs rust yew

Last synced: 19 days ago
JSON representation

🎛️ A highly customizable radio buttons component for WASM frameworks.

• Host: GitHub
• URL: https://github.com/opensass/radio-rs
• Owner: opensass
• License: mit
• Created: 2024-12-24T16:37:52.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-24T22:23:08.000Z (about 1 month ago)
• Last Synced: 2024-12-24T22:33:43.585Z (about 1 month ago)
• Topics: dioxus, leptos, radio, radio-buttons, radio-rs, rust, yew
• Language: Rust
• Homepage: https://radio-rs.netlify.app
• Size: 6.9 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 🎛️ Radio RS

[![Crates.io](https://img.shields.io/crates/v/radiors)](https://crates.io/crates/radiors)

[![Crates.io Downloads](https://img.shields.io/crates/d/radiors)](https://crates.io/crates/radiors)

![Crates.io License](https://img.shields.io/crates/l/radiors)

[![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)

![logo](https://raw.githubusercontent.com/opensass/radio-rs/refs/heads/main/assets/logo.webp)



## 🎬 Demo

![radio-rs-demo](https://raw.githubusercontent.com/opensass/radio-rs/refs/heads/main/assets/demo.gif)

| Framework | Live Demo |

| --- | --- |

| Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/a0efc7e9-f20e-4dd9-93e1-c8f4fde7506f/deploy-status)](https://radio-rs.netlify.app) |

| Dioxus | [![Netlify Status](https://api.netlify.com/api/v1/badges/4dabc732-d6de-4598-a629-980be35c003f/deploy-status)](https://radio-rs-dioxus.netlify.app) |

| Leptos | [![Netlify Status](https://api.netlify.com/api/v1/badges/4912ca4b-34ae-421d-8091-d1b836f13cdf/deploy-status)](https://radio-rs-leptos.netlify.app) |

## 📜 Intro

Radio RS is a highly customizable radio button group component designed for Wasm-based frameworks like **Yew**, **Dioxus**, and **Leptos**. Create functional radio button groups with advanced styling options, animations, and callback capabilities.

## 🤔 Why Use Radio RS?

The following features make Radio RS a valuable addition to your WASM-based projects:

1. **🎨 Advanced Customization**: Style your radio buttons with custom classes, inline styles, and animations.

1. **⚡ Interactive Callbacks**: Track user interactions with callbacks to manage state changes efficiently.

1. **🖼️ Visual Enhancements**: Optionally include images alongside radio buttons for a polished UI.

1. **📐 Flexible Layouts**: Support for horizontal and vertical orientations for seamless design integration.

1. **🧩 Accessibility**: Build inclusive UIs with ARIA support for screen readers.

## Yew Usage

Refer to [our guide](https://github.com/opensass/radio-rs/blob/main/YEW.md) to integrate this component into your Yew app.

## 🧬 Dioxus Usage (WIP)

Refer to [our guide](https://github.com/opensass/radio-rs/blob/main/DIOXUS.md) to integrate this component into your Dioxus app.

## 🌱 Leptos Usage (WIP)

Refer to [our guide](https://github.com/opensass/radio-rs/blob/main/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 Radio RS better.

1. Fork the repository.

1. Create a new branch for your feature/bugfix.

1. Submit a pull request for review.

## 📜 License

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