question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat: New size property in the ion-chip component

See original GitHub issue

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>

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:25
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

7reactions
brandyscarneycommented, May 13, 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

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.

1reaction
Chriseruscommented, Dec 27, 2019

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

New size property in the ion-chip component · Issue #18338 ...
It would be interesting to have the 'size' property in the ion-chip component, just like ion-button component. Related Code. <ion-chip size=" ...
Read more >
ion-chip: Name, Text, Icon and Avatar for Ionic Framework Apps
ion-chips represent complex entities in small blocks, such as a contact. A chip can contain several different elements such as names, avatars, text, ......
Read more >
ionic/docs/core.json - UNPKG
If placed inside of an `ion-chip` or `ion-item`, the avatar will resize to fit the parent component. To position an avatar on the...
Read more >
Ion Torrent Ion Chip Centrifuge | For Sale | Labx Ad 6105720
The personal-sized Ion Chip MiniFuge is designed and calibrated ... At REUZEit, customer service comes natural and is part of our core ...
Read more >
Ion Quantum Technology Group - University of Sussex
Our aim is to develop new quantum technologies, in particular, the ion trap quantum ... The group is part of the Sussex Centre...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found