Ionic-framework: feat: New size property in the ion-chip component

Created on 22 May 2019 · 6Comments · Source: ionic-team/ionic-framework

Feature Request

Ionic version:
[x] 4.x

Describe the Feature Request
It would be interesting to have the '_size_' property in the ion-chip component, just like ion-button component.

Related Code

<ion-chip size="large">
  <ion-icon name="pin"></ion-icon>
  <ion-label>Large</ion-label>
</ion-chip>

<ion-chip>
  <ion-icon name="pin"></ion-icon>
  <ion-label>Default</ion-label>
</ion-chip>

<ion-chip size="small">
  <ion-icon name="pin"></ion-icon>
  <ion-label>Small</ion-label>
</ion-chip>

core feature request

Source

ramoncarreras

👍20

Most helpful comment

Thanks for the issue! How would you expect a small/large chip to look? I'm able to customize it using CSS, for example: https://codepen.io/brandyscarney/pen/mdejzwo

I've been going through the Material Design docs and I don't see any places where the size changes. I just want to make sure I understand the use case here. This can currently be done with CSS - adding a size property would actually be more restrictive.

brandyscarney on 13 May 2020

👍3

All 6 comments

This would be super helpful.

tallcoder on 2 Jul 2019

YESSS

numerized on 25 Aug 2019

PLEASSSEEE

juanbrein on 13 Nov 2019

Can be useful. Came here looking for answers on how to change chip size :)

Chriserus on 27 Dec 2019

Yup! Same here. Is it possible to fix the length of chip to 100% width long?

xc-mezcal on 4 Jan 2020

Thanks for the issue! How would you expect a small/large chip to look? I'm able to customize it using CSS, for example: https://codepen.io/brandyscarney/pen/mdejzwo

brandyscarney on 13 May 2020

👍3

Was this page helpful?

0 / 5 - 0 ratings