MCPcopy Create free account
hub / github.com/DioxusLabs/dioxus-components / BlockStats

Function BlockStats

preview/src/main.rs:1350–1378  ·  view source on GitHub ↗
()

Source from the content-addressed store, hash-verified

1348
1349#[component]
1350fn BlockStats() -> Element {
1351 rsx! {
1352 div { style: "display: grid; gap: 0.45rem;",
1353 p { style: "margin: 0; color: var(--secondary-color-5); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600;",
1354 "Active users · 30d"
1355 }
1356 div { style: "display: flex; align-items: baseline; gap: 0.6rem;",
1357 span { style: "font-size: 2rem; font-weight: 720; color: var(--secondary-color-3); line-height: 1.1;",
1358 "24,815"
1359 }
1360 Badge {
1361 variant: BadgeVariant::Secondary,
1362 style: "background-color: rgba(34, 197, 94, 0.18); color: rgb(21, 128, 61);",
1363 "+12.4%"
1364 }
1365 }
1366 }
1367 div { style: "margin-top: 1rem;",
1368 Progress {
1369 value: 68.0,
1370 aria_label: "Toward Q2 target",
1371 style: "width: 100%;",
1372 }
1373 }
1374 p { style: "margin: 0.65rem 0 0; color: var(--secondary-color-5); font-size: 0.82rem;",
1375 "On track for the 36k Q2 target."
1376 }
1377 }
1378}
1379
1380#[component]
1381fn BlockNotifications() -> Element {

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected