dioxus_bootstrap_css/
icon.rs

1use dioxus::prelude::*;
2
3/// Bootstrap Icon component.
4///
5/// Renders a Bootstrap Icon by name. See https://icons.getbootstrap.com/ for available icons.
6///
7/// ```rust
8/// rsx! {
9///     Icon { name: "search" }
10///     Icon { name: "shield-lock", class: "me-2 fs-4" }
11/// }
12/// ```
13#[derive(Clone, PartialEq, Props)]
14pub struct IconProps {
15    /// Icon name without the `bi-` prefix (e.g., "search", "shield-lock").
16    pub name: String,
17    /// Additional CSS classes.
18    #[props(default)]
19    pub class: String,
20}
21
22#[component]
23pub fn Icon(props: IconProps) -> Element {
24    let icon_class = if props.class.is_empty() {
25        format!("bi bi-{}", props.name)
26    } else {
27        format!("bi bi-{} {}", props.name, props.class)
28    };
29    rsx! {
30        i { class: "{icon_class}" }
31    }
32}
dioxus_bootstrap_css/icon.rs

dioxus_bootstrap_css/
icon.rs
