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

↕️ A highly customizable accordion component for WASM frameworks.
https://github.com/opensass/accordion-rs

accordion accordion-component css dioxus html leptos rust tailwindcss yew

Last synced: 6 months ago
JSON representation

↕️ A highly customizable accordion component for WASM frameworks.

• Host: GitHub
• URL: https://github.com/opensass/accordion-rs
• Owner: opensass
• License: mit
• Created: 2024-01-28T17:43:44.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-31T07:01:39.000Z (about 1 year ago)
• Last Synced: 2025-04-07T06:02:36.780Z (about 1 year ago)
• Topics: accordion, accordion-component, css, dioxus, html, leptos, rust, tailwindcss, yew
• Language: Rust
• Homepage: https://docs.rs/accordion-rs
• Size: 4.99 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# ↕️ Accordion RS

[![Crates.io](https://img.shields.io/crates/v/accordion-rs)](https://crates.io/crates/accordion-rs)

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

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

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

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



## 🎬 Demo

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

| Framework | Live Demo |

| --- | --- |

| Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/87876941-3a23-4853-b33c-df29645508fd/deploy-status)](https://accordion-rs.netlify.app) |

| Dioxus | [![Netlify Status](https://api.netlify.com/api/v1/badges/6affd84e-b9ce-4aa7-af7c-9b70152d5266/deploy-status)](https://accordion-rs-dioxus.netlify.app) |

| Leptos | [![Netlify Status](https://api.netlify.com/api/v1/badges/32e5c113-fa51-405a-9125-cc135ab2d139/deploy-status)](https://accordion-rs-leptos.netlify.app) |

## 📜 Intro

Accordion RS is a highly customizable accordion component designed for Wasm-based frameworks like **Yew**, **Dioxus**, and **Leptos**. Easily create interactive, collapsible sections with rich behaviors, smooth transitions, and complete styling control.

## 🤔 Why Use Accordion-RS?

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

1. **🎨 Customizable Content**: Define separate content for expanded and collapsed states.

1. **⚡ Smooth Animations**: Control the transition speed and style of the opening and closing actions.

1. **🔄 Callbacks**: Attach callbacks to detect when the accordion opens or closes, giving you full control of state transitions.

1. **🧑‍💻 Easy Integration**: Works seamlessly with modern Wasm frameworks like Yew, Dioxus, and Leptos.

1. **🧩 Accessibility**: Optionally include ARIA attributes to make your accordion accessible to screen readers.

## Y Yew Usage

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

## 🧬 Dioxus Usage

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

## 🌱 Leptos Usage

Refer to [our guide](https://github.com/opensass/accordion-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 Accordion RS better.

1. Fork the repository.

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

1. Submit a pull request for review.

## 📜 License

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