Mention Tag

@ User Name

Copy

   
   <div class="row">
   <div class="col-lg-12">
   <div>
      <div class="basic-chip">
         <span>@ User Name </span>
      </div>
      <div class="basic-chip chip-primary">
         <span>@ User Name </span>
      </div>
      <div class="basic-chip bg-white">
         <span>@ User Name </span>
      </div>
   </div>
</div>
</div>

Copy

                                       
   
           .chip-primary {
         background: #167DF5;
         color: white;
         border: none;
       }

       .basic-chip {
         padding: 5px 10px;
         border-radius: 50px;
         display: inline-flex;
         margin: 5px;
         background: #F8F9F9;
         border: 2px solid #e9ebeb;
         font-family: 'Manrope';
         font-style: normal;
         font-weight: 600;
         font-size: 14px;
         cursor: pointer;
     }
     
     .chip-primary {
       background: #167DF5;
       color: white;
       border: none;
     }
     
     .basic-chip {
         padding: 5px 10px;
         border-radius: 50px;
         display: inline-flex;
         margin: 5px;
         background: #F8F9F9;
         border: 2px solid #e9ebeb;
         font-family: 'Manrope';
         font-style: normal;
         font-weight: 600;
         font-size: 14px;
         cursor: pointer;
     }