ionic-team / ionic-docs

Home Page:https://ionicframework.com/docs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

feat: Possibility to update IonChip's min-height

nncl opened this issue · comments

Describe Problem

Currently, in the version 7.1.5, we're unable to change an ion-chip min-height, due to the following stylization of 32px on it:

Screenshot 2023-12-15 at 11 55 13

Would be perfect if --min-height existed as we have in other components and classes, such as --ion-padding. This way we could work in a way where by default the 32px exists and if we need to change it would be much simpler.

In previous releases I created a style where I'd declared its height lower than 32px, and after the update it broke my component.

Describe Preferred Solution

Possibility to update the default value by specifying a --min-height property:

:host {
  min-height: var(--min-height, 32px);
}

Describe Alternatives

No response

Additional Information

No response

Never mind, I have spotlighted the wrong element whilst trying to update its style from itself, we can simply override the style.