Tag

Tags With Cross

NE ID Equals S10, L90

Tag Name

Copy

  
   <div>
   <div class="basic-chip"> <span class="primary">NE ID </span> Equals <span class="primary">S10, L90 </span>
   <i class="bi bi-x tag-icon"></i> 
</div>
<div class="basic-chip"> <span class="primary">NE ID </span> Equals <span class="primary">S10, L90 </span>
   <i class="bi bi-x tag-icon"></i> 
</div>
<div class="basic-chip"> Tag Name 
   <i class="bi bi-x tag-icon"></i> 
</div>
<div class="basic-chip"> Tag Name 
</div>
</div>

Copy

  
   
         
     .chip-title{
       padding: 20px 10px;
       font-size: 14px;
     }
     
     .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;
     }
     
     .tag-icon:before {
       font-size: 16px;
       vertical-align: middle;
     }
     
     .primary {
       color: #167DF5;
       margin-right: 4px;
       margin-left: 4px;
     }