ui: Add Chip component (#34521)

Possibly the simplest component in our set, but a nice one to have so we
can standardize how it looks across the app.

Release Notes:

- N/A
This commit is contained in:
Danilo Leal 2025-07-16 01:15:45 -03:00 committed by GitHub
parent ee4b9a27a2
commit 59d524427e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 124 additions and 40 deletions

View file

@ -48,20 +48,20 @@ impl RenderOnce for ComponentExample {
)
.child(
div()
.flex()
.w_full()
.rounded_xl()
.min_h(px(100.))
.justify_center()
.w_full()
.p_8()
.flex()
.items_center()
.justify_center()
.rounded_xl()
.border_1()
.border_color(cx.theme().colors().border.opacity(0.5))
.bg(pattern_slash(
cx.theme().colors().surface_background.opacity(0.5),
cx.theme().colors().surface_background.opacity(0.25),
12.0,
12.0,
))
.shadow_xs()
.child(self.element),
)
.into_any_element()