Questions tagged [chips]

34 questions
29
votes
1 answer

How to create an outlined filter chip in Flutter

I'm trying to create an outlined filter chip in Flutter. I can create a standard filter chip using the following code but I can't see a way to access the outlined version as shown in the image. Is there a way to modify the standard chip to give the…
nuxibyte
  • 1,434
  • 1
  • 13
  • 16
3
votes
2 answers

How shall I adjust the size of mat-form-field mat-chip?

This is the output of my html code I want to make the size of mat-chip form field even as the above form-field. This is location from where I used chips..I want to decrease the size of the chip mat-form.
2
votes
4 answers

Position a chip within CircleAvatar

I am trying to position a Chip in the top right of a CircleAvatar similar to the below, but cant seem to be able to move it SizedBox( width: 50, height: 50, child: Stack( …
Boss Nass
  • 3,384
  • 9
  • 48
  • 90
2
votes
2 answers

How to customize Material UI Chip component to be editable and copy paste content (comma separated)

I have the requirement for create the input field which takes the numbers array(comma ','separated ) like [123,34,23,13]. I want when user copy this 123,34,23,13 into input field it should change in this below format based on comma. Is there…
Ankit saxena
  • 81
  • 1
  • 10
2
votes
1 answer

Problem with v-autocomplete with chips - Vuetify

I have been trying to use the v-autocomplete with chips and unfortunately, I'm having a problem rendering the chips. When we use the search-input property with .sync, to be able to do a search directly in the API, when selecting the item in the…
2
votes
1 answer

Shape of FilterChip in flutter

I want to design this type of layout but I don't know how to give shape to FilterChip but I'm getting this layout My code is class FilterChipWidget extends StatefulWidget { final String chipName; const FilterChipWidget({Key? key, required…
user12790690
2
votes
1 answer

Autoscale Textsize in Chip Android

I am struggeling to find a way how to autoScale the Textsize in chips. The chips are inside a linearlayout.
Laurenz Ge
  • 23
  • 5
1
vote
2 answers

TypeError: this._chipGrid.registerInput is not a function error in Console after updating the material version 15.x.x

I've update my Angular to version 15.2.1 using the saem material version as 15.2.1. Here is the code which I was using
1
vote
1 answer

How to add a 'show more' button, if chips exceed certain number

I have a list of topics that is coming dynamically from the backend, and I'm using chips to display them, inside a Wrap. Now I want that, If these chips exceed say 3 lines, then we hide the other chips and show a See More button. I don't understand…
Hitesh Garg
  • 251
  • 1
  • 9
1
vote
1 answer

How can I display selectBox items in chips?

I want to display data in chips using selectBox, but I got a problem while displaying these items like this: My TS: selectedPointsForts: any[]=[]; listPointsForts: any[]=[]; SelectPointsForts() { this.PointsFortsService.findAll().then((res)…
drnwork
  • 37
  • 6
1
vote
2 answers

how can I change chips color in Primeng?

I want to change color chips in primeng,that whenever I select one I get a diffrent color!, can anyone help me how to do that! my code :
Da reen
  • 31
  • 6
1
vote
2 answers

Multiple select options in flutter

I want to create a choice chip list of options and select multiple choices in that. I also want to change the colour when the options are selected. the options are dynamic. I tried using the below function but the onselectionchanged displays null…
Tanya Thakur
  • 13
  • 1
  • 1
  • 4
0
votes
0 answers

Google SSO with CHIPS in an Iframe

I have a website that is rendered in an iframe within another website that is not from my domain. I have implemented an SSO Flow with Google where a popup is open, sets the cookies from the backend, closes and then the page in the iframe does the…
Javier Galarza
  • 28
  • 1
  • 2
  • 5
0
votes
0 answers

Partitioned cookie (CHIPS) in iframe not being sent as expected

I have a top level site1.com that has a child iframe with src pointing to bot.com. bot.com just contains a simple js script that does a fetch to auth.com/login which returns it a cookie with these params: Domain=auth.com, SameSite=None, Path=/,…
Ben
  • 495
  • 1
  • 7
  • 17
0
votes
2 answers

How to set name to a chip

I'm trying to give categories name to my chip in my Angular application. For the backend i use Spring Boot. I tried a lots to fix this error and i don't know if is a FrontEnd problem or a BackEnd problem. The problem is that now my categories chips…
Ensi
  • 1
  • 1
1
2 3