59d524427e
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
106 lines
2.9 KiB
Rust
106 lines
2.9 KiB
Rust
use crate::prelude::*;
|
|
use gpui::{AnyElement, Hsla, IntoElement, ParentElement, Styled};
|
|
|
|
/// Chips provide a container for an informative label.
|
|
///
|
|
/// # Usage Example
|
|
///
|
|
/// ```
|
|
/// use ui::{Chip};
|
|
///
|
|
/// Chip::new("This Chip")
|
|
/// ```
|
|
#[derive(IntoElement, RegisterComponent)]
|
|
pub struct Chip {
|
|
label: SharedString,
|
|
label_color: Color,
|
|
label_size: LabelSize,
|
|
bg_color: Option<Hsla>,
|
|
}
|
|
|
|
impl Chip {
|
|
/// Creates a new `Chip` component with the specified label.
|
|
pub fn new(label: impl Into<SharedString>) -> Self {
|
|
Self {
|
|
label: label.into(),
|
|
label_color: Color::Default,
|
|
label_size: LabelSize::XSmall,
|
|
bg_color: None,
|
|
}
|
|
}
|
|
|
|
/// Sets the color of the label.
|
|
pub fn label_color(mut self, color: Color) -> Self {
|
|
self.label_color = color;
|
|
self
|
|
}
|
|
|
|
/// Sets the size of the label.
|
|
pub fn label_size(mut self, size: LabelSize) -> Self {
|
|
self.label_size = size;
|
|
self
|
|
}
|
|
|
|
/// Sets a custom background color for the callout content.
|
|
pub fn bg_color(mut self, color: Hsla) -> Self {
|
|
self.bg_color = Some(color);
|
|
self
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for Chip {
|
|
fn render(self, _: &mut Window, cx: &mut App) -> impl IntoElement {
|
|
let bg_color = self
|
|
.bg_color
|
|
.unwrap_or(cx.theme().colors().element_background);
|
|
|
|
h_flex()
|
|
.min_w_0()
|
|
.flex_initial()
|
|
.px_1()
|
|
.border_1()
|
|
.rounded_sm()
|
|
.border_color(cx.theme().colors().border)
|
|
.bg(bg_color)
|
|
.overflow_hidden()
|
|
.child(
|
|
Label::new(self.label)
|
|
.size(self.label_size)
|
|
.color(self.label_color)
|
|
.buffer_font(cx),
|
|
)
|
|
}
|
|
}
|
|
|
|
impl Component for Chip {
|
|
fn scope() -> ComponentScope {
|
|
ComponentScope::DataDisplay
|
|
}
|
|
|
|
fn preview(_window: &mut Window, cx: &mut App) -> Option<AnyElement> {
|
|
let chip_examples = vec![
|
|
single_example("Default", Chip::new("Chip Example").into_any_element()),
|
|
single_example(
|
|
"Customized Label Color",
|
|
Chip::new("Chip Example")
|
|
.label_color(Color::Accent)
|
|
.into_any_element(),
|
|
),
|
|
single_example(
|
|
"Customized Label Size",
|
|
Chip::new("Chip Example")
|
|
.label_size(LabelSize::Large)
|
|
.label_color(Color::Accent)
|
|
.into_any_element(),
|
|
),
|
|
single_example(
|
|
"Customized Background Color",
|
|
Chip::new("Chip Example")
|
|
.bg_color(cx.theme().colors().text_accent.opacity(0.1))
|
|
.into_any_element(),
|
|
),
|
|
];
|
|
|
|
Some(example_group(chip_examples).vertical().into_any_element())
|
|
}
|
|
}
|