skip to Main Content

I want to design is

enter image description here

but my actual select option is

enter image description here

how to create this type of select option?

2

Answers


  1. It looks like Antd’s Multiselect has a prop called tagRender. You should be able to use Antd’s default tag component and create a wrapper around it with the comma and fixed spacing.

    <Multiselect
       tagRender={(props) => {
         //console.log(props) //for exploration
         return <div className="wrapper">
            <Tag name={props.name}/>
            ,
         </div>
       }}
    
    Login or Signup to reply.
  2. Find className of each element a then edit styles in css file.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search