feat: add icon, tooltip, and outline variant to badge

This commit is contained in:
2026-11-10 08:59:20 +07:00
parent 7335525ecb
commit 6ad582ba84
2 changed files with 104 additions and 18 deletions
+28 -9
View File
@@ -1869,13 +1869,27 @@ impl Render for BadgeDemo {
h_flex()
.flex_wrap()
.gap_3()
.child(Badge::new("3"))
.child(Badge::new("new").variant(BadgeVariant::Accent))
.child(Badge::new("synced").variant(BadgeVariant::Success))
.child(Badge::new("drift").variant(BadgeVariant::Warning))
.child(Badge::new("12").variant(BadgeVariant::Danger))
.child(Badge::new("small").small())
.child(Badge::new("large").large()),
.child(Badge::new("badge-count", "3"))
.child(Badge::new("badge-new", "new").variant(BadgeVariant::Accent))
.child(
Badge::new("badge-synced", "synced")
.icon(IconRole::Check)
.variant(BadgeVariant::Success),
)
.child(Badge::new("badge-drift", "drift").variant(BadgeVariant::Warning))
.child(Badge::new("badge-danger", "12").variant(BadgeVariant::Danger))
.child(Badge::new("badge-outline", "outline").variant(BadgeVariant::Outline))
.child(Badge::new("badge-small", "small").small())
.child(Badge::new("badge-large", "large").large()),
))
.child(demo_section(
"tooltip",
colors,
h_flex().flex_wrap().gap_3().child(
Badge::new("badge-help", "beta")
.variant(BadgeVariant::Accent)
.tooltip(Tooltip::text("This build is not ready for release")),
),
))
}
}
@@ -2741,7 +2755,11 @@ impl Render for DropdownMenuDemo {
MenuItem::new("Save as template"),
MenuItem::new("Save a copy"),
MenuItem::separator(),
MenuItem::new("Export"),
MenuItem::new("Export").submenu(vec![
MenuItem::new("PNG"),
MenuItem::new("SVG"),
MenuItem::new("PDF"),
]),
]
});
@@ -3751,7 +3769,8 @@ impl Render for SidebarDemo {
.prefix(row_icon())
.detail("24")
.suffix(
Badge::new("new").variant(BadgeVariant::Accent),
Badge::new("sidebar-demo-new-badge", "new")
.variant(BadgeVariant::Accent),
),
SidebarEntry::row("Archive").disabled(true),
SidebarEntry::header("Locations"),