BadgeNotification KIT

    
      
    

      
        Copy
      
      
    
  

    
      <h4>Desktop</h4>
<p tuiPlatform="web">
    <tui-badge-notification size="l">9</tui-badge-notification>
    <tui-badge-notification>9</tui-badge-notification>
    <tui-badge-notification size="s">9</tui-badge-notification>
    <tui-badge-notification size="xs">9</tui-badge-notification>
</p>

<h4>Android</h4>
<p tuiPlatform="android">
    <tui-badge-notification size="l">9</tui-badge-notification>
    <tui-badge-notification>9</tui-badge-notification>
    <tui-badge-notification size="s">9</tui-badge-notification>
    <tui-badge-notification size="xs">9</tui-badge-notification>
</p>

<h4>IOS</h4>
<p tuiPlatform="ios">
    <tui-badge-notification size="l">9</tui-badge-notification>
    <tui-badge-notification>9</tui-badge-notification>
    <tui-badge-notification size="s">9</tui-badge-notification>
    <tui-badge-notification size="xs">9</tui-badge-notification>
</p>

    

      
        Copy
      
      
    
  

    
      tui-badge-notification {
    margin: 0.2rem;
}

    

      
        Copy
      
      
    
  

    
      
    

      
        Copy
      
      
    
  

    
      <tui-badge-notification size="l">10</tui-badge-notification>
<tui-badge-notification>11</tui-badge-notification>
<tui-badge-notification size="s">12</tui-badge-notification>
<tui-badge-notification size="xs" />

    

      
        Copy
      
      
    
  

    
      @import '@taiga-ui/styles/utils.less';

tui-badge-notification {
    margin: 0.2rem;
    .gradient(#c86dd7, #3023ae);
}

    

      
        Copy