dioxus_docs_kit/components/blog/reading_time.rs
1use dioxus::prelude::*;
2use dioxus_free_icons::Icon;
3use dioxus_free_icons::icons::ld_icons::LdClock;
4
5/// Reading time badge component.
6#[component]
7pub fn ReadingTimeBadge(minutes: u32) -> Element {
8 rsx! {
9 div { class: "flex items-center gap-1 text-sm text-base-content/60",
10 Icon { class: "size-3.5", icon: LdClock }
11 span { "{minutes} min read" }
12 }
13 }
14}