Skip to content

Conversation

@timmo001
Copy link
Member

@timmo001 timmo001 commented Oct 27, 2025

Breaking change

Proposed change

image

Type of change

  • Dependency upgrade
  • Bugfix (non-breaking change which fixes an issue)
  • New feature (thank you!)
  • Breaking change (fix/feature causing existing functionality to break)
  • Code quality improvements to existing code or addition of tests

Example configuration

Additional information

Checklist

  • The code change is tested and works locally.
  • There is no commented out code in this PR.
  • Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

@timmo001 timmo001 marked this pull request as ready for review October 27, 2025 16:35
allow-custom-value
.dataProvider=${ICONS_LOADED ? this._iconProvider : undefined}
.getItems=${this._getItems}
.label=${this.label}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new picker label looks out of place next to textfields now

Image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Original for reference:

Image

the icon is also missing, this is due to the placeholder vs value problem

The main issue for me is the label being outside the textfield now. Maybe an alternative design could be used here?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if all labels should be outside the field for consistency. We will have to do it when migrating to web awesome, right?

Copy link
Member Author

@timmo001 timmo001 Nov 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Personally not a fan of the label being on the outside, I prefer the way ha-textfield does it, possibly need UX on this. Maybe the default picker design needs another look at

Those using the generic picker currently (with a single option) don't use the label or use the placeholder as the label.

Others using generic picker (single item):

image image image image

This PR:
image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Issues would be resolved with #28236

@timmo001 timmo001 force-pushed the ha-icon-picker-to-generic-picker branch from c6c2d47 to 4d77c2b Compare November 21, 2025 10:41
@timmo001 timmo001 added the Needs UX Pull requests requiring a review from the Home Assistant design team label Nov 21, 2025
@nagtegaal
Copy link

Why does the icon naming needs to be prefixed with "mdi:" in the dropdown selector?
What is its purpose or meaning and why does that need to be presented in the UI for the end user?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cla-signed hacktoberfest Needs UX Pull requests requiring a review from the Home Assistant design team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Migrate ha-icon-picker to ha-picker-combo-box

5 participants