From 95c1130c5cbb8f03f2e170f06a437b06ae8efbb9 Mon Sep 17 00:00:00 2001 From: codecalm Date: Sun, 5 Jan 2025 06:50:59 +0100 Subject: [PATCH] Update color reference links in UI component documentation to point to the correct base colors section --- docs/icons/static-files/pdf.mdx | 2 +- docs/ui/components/avatars.mdx | 2 +- docs/ui/components/badges.mdx | 2 +- docs/ui/components/divider.mdx | 2 +- docs/ui/components/progress.mdx | 2 +- docs/ui/components/ribbons.mdx | 2 +- docs/ui/components/steps.mdx | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/icons/static-files/pdf.mdx b/docs/icons/static-files/pdf.mdx index a8bbfe583..b2b91308f 100644 --- a/docs/icons/static-files/pdf.mdx +++ b/docs/icons/static-files/pdf.mdx @@ -3,7 +3,7 @@ title: PDF version description: Download Tabler Icons in PDF format. --- -![Tabler icon and PDF icon merging with npm command to install](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/packages/og-package-pdf.png) +![](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/packages/og-package-pdf.png) ## Installation diff --git a/docs/ui/components/avatars.mdx b/docs/ui/components/avatars.mdx index 48b71c13e..95787f23d 100644 --- a/docs/ui/components/avatars.mdx +++ b/docs/ui/components/avatars.mdx @@ -74,7 +74,7 @@ Apart from pictures and initials, you can also use icons to make the avatars mor ## Avatar initials color -Customize the color of the avatars' background. You can click [here](/docs/ui/colors) to see the list of available colors. +Customize the color of the avatars' background. You can click [here](/docs/ui/base/colors) to see the list of available colors. ```html example centered separated code AB diff --git a/docs/ui/components/badges.mdx b/docs/ui/components/badges.mdx index b0b373a7c..5ed354c1b 100644 --- a/docs/ui/components/badges.mdx +++ b/docs/ui/components/badges.mdx @@ -73,7 +73,7 @@ Use the `.badge-pill` class if you want to create a badge with rounded corners. ## Soft color badges -You can create a soft colour variant of a corresponding contextual badge variation, to make it look more subtle. Click [here](/docs/ui/colors) to see the list of available colors and choose ones that best suit your design. +You can create a soft colour variant of a corresponding contextual badge variation, to make it look more subtle. Click [here](/docs/ui/base/colors) to see the list of available colors and choose ones that best suit your design. ```html example vertical centered separated scrollable height="15rem" Blue diff --git a/docs/ui/components/divider.mdx b/docs/ui/components/divider.mdx index aa8afbf3b..d83e03813 100644 --- a/docs/ui/components/divider.mdx +++ b/docs/ui/components/divider.mdx @@ -42,7 +42,7 @@ You can modify the position of the text which is to be included in a separator a ## Divider color -Customize the color of dividers to make them go well with your design. Click [here](/docs/ui/colors) to see the list of available colors. +Customize the color of dividers to make them go well with your design. Click [here](/docs/ui/base/colors) to see the list of available colors. ```html example height="380px"

diff --git a/docs/ui/components/progress.mdx b/docs/ui/components/progress.mdx index 3705ece4a..504170065 100644 --- a/docs/ui/components/progress.mdx +++ b/docs/ui/components/progress.mdx @@ -69,7 +69,7 @@ This is how it looks like: You can change the color of the progress bar by adding a color class to the `.progress-bar` element. You can use the color classes like `.bg-primary`, `.bg-success`, etc. to change the color of the progress bar. -Full list of available colors can be found [here](/docs/ui/colors). +Full list of available colors can be found [here](/docs/ui/base/colors). ```html example columns={1} centered separated

diff --git a/docs/ui/components/ribbons.mdx b/docs/ui/components/ribbons.mdx index 2c541afe8..c85c0e78f 100644 --- a/docs/ui/components/ribbons.mdx +++ b/docs/ui/components/ribbons.mdx @@ -69,7 +69,7 @@ Using multiple classes at once will give you more position options. For example, ## Ribbon color -Customize the ribbon's background color. You can click [here](/docs/ui/colors) to see the list of available colors. +Customize the ribbon's background color. You can click [here](/docs/ui/base/colors) to see the list of available colors. ```html example columns={1} centered background="base"
diff --git a/docs/ui/components/steps.mdx b/docs/ui/components/steps.mdx index af0cf4842..3f73e823f 100644 --- a/docs/ui/components/steps.mdx +++ b/docs/ui/components/steps.mdx @@ -51,7 +51,7 @@ Add tooltips, if you want to provide users with additional information about the ## Color -You can customize the default progress indicator by changing the color to one that better suits your design. Click [here](/docs/ui/colors) to see the range of available colors. +You can customize the default progress indicator by changing the color to one that better suits your design. Click [here](/docs/ui/base/colors) to see the range of available colors. ```html example