• Home
• org.mvnpm.at.tabler
• core
• 1.0.0-beta21
• source code
• switch-icon.mdx

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.docs.components.switch-icon.mdx Maven / Gradle / Ivy

---
title: Switch icon
description: The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.
banner: icons
---

## Default markup

To replace the icons, all should add `active` class to the `switch-icon` component.

```html code example centered

  
    
  
  
    
  

```

## Switch animations

You can also add a fancy animation to add variety to your button. See demo below:

```html example code centered separated

  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  


  
    
  
  
    
  

```