Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Docs fixes: Remove duplicated code examples, fix links, fix filled icons, fix dropdown examples

Browse Source 
Co-authored-by: ethancrawford <ethan_jc@hotmail.com>
This commit is contained in:
BG-Software
2025-05-08 21:53:47 +02:00
committed by GitHub
parent 8470c9b315
commit 5b3e201d06
32 changed files with 59 additions and 634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
docs/content/ui/components/statuses.md
View File

@@ -8,14 +8,6 @@ description: Highlight interface elements with status dots.
Use the default status to notify users about the status of a component or page, helping them avoid confusion. Full list of available colors can be found in the [Colors](/ui/base/colors) section.
```html
<span class="status status-blue">Blue</span>
<span class="status status-azure">Azure</span>
...
```
Look at the example below to see how the status works:
{% capture html -%}
<span class="status status-blue">Blue</span>
<span class="status status-azure">Azure</span>
@@ -37,15 +29,6 @@ Look at the example below to see how the status works:
You can add a dot to the status to make it more noticeable. To do this, use the `.status-dot` element inside the `.status` element.
```html
<span class="status status-blue">
<span class="status-dot"></span>
Blue
</span>
```
Look at the example below to see how the status with a dot works:
{% capture html -%}
<span class="status status-blue">
<span class="status-dot"></span>
@@ -214,12 +197,6 @@ Use the lite status to make the status less noticeable. To do this, add a `.stat
If you need only dot status, you can use the `.status-dot` class.
```html
<span class="status-dot status-blue"></span>
```
Look at the example below to see how the status dots work:
{% capture html -%}
<span class="status-dot status-blue"></span>
<span class="status-dot status-azure"></span>