Skip to main content

Crate card_rs

Crate card_rs 

Source
Expand description

§🃏 Card RS

Crates.io Crates.io Downloads Crates.io License made-with-rust Rust Maintenance

Open SASS Discord

logo

§🎬 Demo

FrameworkLive Demo
YewNetlify Status
DioxusNetlify Status
LeptosNetlify Status

§📜 Intro

A highly customizable, accessible card component for WASM frameworks: Yew, Dioxus, and Leptos. Supports semantic prominence variants, composable sub-components (header, title, description, content, footer), and full WCAG compliance.

§🤔 Why Card RS?

  1. 🎨 Fully Customizable: Control variant, class, style, ARIA labels, and every sub-component attribute.
  2. 🧩 Composable API: Use Card, Header, Title, Description, Content, and Footer independently or together.
  3. 🏷️ Semantic Variants: transparent, default, secondary, tertiary, themes interpret prominence without hard-coded colors.
  4. ♿ Accessible by Default: role="article", aria-labelledby, and aria-label wired up automatically.
  5. 🔧 Framework Agnostic: Same API semantics across Yew, Dioxus, and Leptos.

§Y Yew Usage

Refer to our guide to integrate this component into your Yew app.

§🧬 Dioxus Usage

Refer to our guide to integrate this component into your Dioxus app.

§🌱 Leptos Usage

Refer to our guide 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 Card RS better.

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

§📜 License

Card RS is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.

Re-exports§

pub use common::Variant;

Modules§

common
dioxusdio
🧬 Card RS Dioxus Usage
leptoslep
🌱 Card RS Leptos Usage
yewyew
Y Card RS Yew Usage