Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make square-shaped + small icon button the default

Browse source
This commit is contained in:
Danilo Leal 2025-08-12 17:10:48 -03:00
parent 628b1058be
commit 641763029b
1 changed files with 39 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

41
crates/ui/src/components/button/icon_button.rs
View file

@ -31,9 +31,9 @@ impl IconButton {
pub fn new(id: impl Into<ElementId>, icon: IconName) -> Self {
let mut this = Self {
base: ButtonLike::new(id),
shape: IconButtonShape::Wide,
shape: IconButtonShape::Square,
icon,
icon_size: IconSize::default(),
icon_size: IconSize::Small,
icon_color: Color::Default,
selected_icon: None,
selected_icon_color: None,
@ -232,6 +232,43 @@ impl Component for IconButton {
example_group_with_title(
"Icon Button Styles",
vec![
// TODO: Remove/organize this later
single_example(
"SIZES",
h_flex()
.gap_0p5()
.child(
IconButton::new("tinted", IconName::Debug)
.icon_size(IconSize::Indicator)
.layer(ElevationIndex::Background)
.style(ButtonStyle::Tinted(TintColor::Accent)),
)
.child(
IconButton::new("tinted", IconName::Debug)
.icon_size(IconSize::XSmall)
.layer(ElevationIndex::Background)
.style(ButtonStyle::Tinted(TintColor::Accent)),
)
.child(
IconButton::new("tinted", IconName::Debug)
.icon_size(IconSize::Small)
.layer(ElevationIndex::Background)
.style(ButtonStyle::Tinted(TintColor::Accent)),
)
.child(
IconButton::new("tinted", IconName::Debug)
.icon_size(IconSize::Medium)
.layer(ElevationIndex::Background)
.style(ButtonStyle::Tinted(TintColor::Accent)),
)
.child(
IconButton::new("tinted", IconName::Debug)
.icon_size(IconSize::XLarge)
.layer(ElevationIndex::Background)
.style(ButtonStyle::Tinted(TintColor::Accent)),
)
.into_any_element(),
),
single_example(
"Default",
IconButton::new("default", IconName::Check)