Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix switch icon examples in documentation (#2338)

Browse Source 
Co-authored-by: BG-Software <73077398+BG-Software-BG@users.noreply.github.com>
This commit is contained in:
ethancrawford
2025-05-07 03:22:57 +08:00
committed by GitHub
parent 7082ea1c56
commit 278967b028
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/gentle-students-visit.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/docs": patch
---
Fix switch icon examples with filled icons in documentation

10
docs/content/ui/components/switch-icon.md
View File

@@ -15,7 +15,7 @@ The icon transition is triggered by adding an `.active` class to the `switch-ico
{% include "ui/icon.html" icon="heart" %} {% include "ui/icon.html" icon="heart" %}
</span> </span>
<span class="switch-icon-b text-red"> <span class="switch-icon-b text-red">
{% include "ui/icon.html" icon="heart-filled" %} {% include "ui/icon.html" icon="heart" type="filled" %}
</span> </span>
</button> </button>
{%- endcapture %} {%- endcapture %}
@@ -31,7 +31,7 @@ You can also add a fancy animation to add variety to your button. See demo below
{% include "ui/icon.html" icon="circle" %} {% include "ui/icon.html" icon="circle" %}
</span> </span>
<span class="switch-icon-b text-primary"> <span class="switch-icon-b text-primary">
{% include "ui/icon.html" icon="circle-filled" %} {% include "ui/icon.html" icon="circle" type="filled" %}
</span> </span>
</button> </button>
<button class="switch-icon switch-icon-fade" data-bs-toggle="switch-icon"> <button class="switch-icon switch-icon-fade" data-bs-toggle="switch-icon">
@@ -39,7 +39,7 @@ You can also add a fancy animation to add variety to your button. See demo below
{% include "ui/icon.html" icon="heart" %} {% include "ui/icon.html" icon="heart" %}
</span> </span>
<span class="switch-icon-b text-red"> <span class="switch-icon-b text-red">
{% include "ui/icon.html" icon="heart-filled" %} {% include "ui/icon.html" icon="heart" type="filled" %}
</span> </span>
</button> </button>
<button class="switch-icon switch-icon-scale" data-bs-toggle="switch-icon"> <button class="switch-icon switch-icon-scale" data-bs-toggle="switch-icon">
@@ -47,7 +47,7 @@ You can also add a fancy animation to add variety to your button. See demo below
{% include "ui/icon.html" icon="star" %} {% include "ui/icon.html" icon="star" %}
</span> </span>
<span class="switch-icon-b text-yellow"> <span class="switch-icon-b text-yellow">
{% include "ui/icon.html" icon="star-filled" %} {% include "ui/icon.html" icon="star" type="filled" %}
</span> </span>
</button> </button>
<button class="switch-icon switch-icon-flip" data-bs-toggle="switch-icon"> <button class="switch-icon switch-icon-flip" data-bs-toggle="switch-icon">
@@ -55,7 +55,7 @@ You can also add a fancy animation to add variety to your button. See demo below
{% include "ui/icon.html" icon="thumb-up" %} {% include "ui/icon.html" icon="thumb-up" %}
</span> </span>
<span class="switch-icon-b text-facebook"> <span class="switch-icon-b text-facebook">
{% include "ui/icon.html" icon="thumb-up-filled" %} {% include "ui/icon.html" icon="thumb-up" type="filled" %}
</span> </span>
</button> </button>
<button class="switch-icon switch-icon-slide-up" data-bs-toggle="switch-icon"> <button class="switch-icon switch-icon-slide-up" data-bs-toggle="switch-icon">