From 86b4db671e404517e5e128ec466f14c22b5bb00f Mon Sep 17 00:00:00 2001 From: Kathryn Isabelle Lawrence Date: Wed, 12 Mar 2025 10:35:19 -0700 Subject: [PATCH 1/2] include Lucide in icon options --- content/components/accordions.mdx | 2 +- content/components/cards.mdx | 2 +- content/components/icons.mdx | 2 +- content/components/steps.mdx | 2 +- navigation/divisions.mdx | 4 ++-- page.mdx | 4 ++-- settings/global.mdx | 6 +++--- 7 files changed, 11 insertions(+), 11 deletions(-) diff --git a/content/components/accordions.mdx b/content/components/accordions.mdx index f4757be9..f61cd621 100644 --- a/content/components/accordions.mdx +++ b/content/components/accordions.mdx @@ -35,7 +35,7 @@ icon: "square-caret-down" - A [Font Awesome icon](https://fontawesome.com/icons) or SVG code + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code diff --git a/content/components/cards.mdx b/content/components/cards.mdx index 00e7c24e..37548fd5 100644 --- a/content/components/cards.mdx +++ b/content/components/cards.mdx @@ -49,7 +49,7 @@ Add an `img` property to a card to display an image on the top of the card. - A [Font Awesome icon](https://fontawesome.com/icons) or SVG code in `icon={}` + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code in `icon={}` diff --git a/content/components/icons.mdx b/content/components/icons.mdx index ad272ac0..f6aee504 100644 --- a/content/components/icons.mdx +++ b/content/components/icons.mdx @@ -1,6 +1,6 @@ --- title: "Icons" -description: "Use [Font Awesome](https://fontawesome.com/icons) icons anywhere in the doc" +description: "Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/) icons anywhere in the doc" icon: "icons" --- diff --git a/content/components/steps.mdx b/content/components/steps.mdx index 09700a48..38791041 100644 --- a/content/components/steps.mdx +++ b/content/components/steps.mdx @@ -53,7 +53,7 @@ Steps are the best way to display a series of actions of events to your users. Y - A [Font Awesome icon](https://fontawesome.com/icons) or SVG code in `icon={}` + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code in `icon={}` diff --git a/navigation/divisions.mdx b/navigation/divisions.mdx index c48d1aef..c1bd123c 100644 --- a/navigation/divisions.mdx +++ b/navigation/divisions.mdx @@ -51,7 +51,7 @@ Anchors are another way to section your content. They show up on top of your sid The configuration is very similar to the tab configuration. We highly recommend that you set an `icon` field as well. -The icon values are [fontawesome icons](https://fontawesome.com/search) +Valid icon values include all named [Font Awesome](https://fontawesome.com/search) and [Lucide](https://lucide.dev/) icons. ```json docs.json "navigation": { @@ -91,7 +91,7 @@ The icon values are [fontawesome icons](https://fontawesome.com/search) Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown. -We also recommend that you set an icon for each dropdown item ([options](https://fontawesome.com/search)). +We also recommend that you set an icon for each dropdown item (from [Font Awesome](https://fontawesome.com/search) or [Lucide](https://lucide.dev/)). ```json docs.json "navigation": { "dropdowns": [ diff --git a/page.mdx b/page.mdx index 74933199..14dbd761 100644 --- a/page.mdx +++ b/page.mdx @@ -67,8 +67,8 @@ sidebarTitle: "Short title" Want an icon for your sidebar item like the ones in [components](/content/components/accordions)? You can set an `icon` attribute in -the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) are -available for us. You can also set an icon type (optional). If not set, the icon +the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/) are +available for us. You can also set an icon type for Font Awesome icons (optional). If not set, the icon type will be regular. ```md diff --git a/settings/global.mdx b/settings/global.mdx index a85b9972..510c6dd6 100644 --- a/settings/global.mdx +++ b/settings/global.mdx @@ -968,11 +968,11 @@ Example: - The [Fontawesome](https://fontawesome.com/icons) icon for the group. Note: this only applies to sub-folders. + The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/) icon for the group. Note: this only applies to sub-folders. - The type of [Fontawesome](https://fontawesome.com/icons) icon. Must be one of: brands, duotone, light, sharp-solid, solid, thin + The type of icon (only for [Font Awesome](https://fontawesome.com/icons) icons). Must be one of: brands, duotone, light, sharp-solid, solid, thin @@ -1111,7 +1111,7 @@ Example: - The [Font Awesome](https://fontawesome.com/search?q=heart) icon used to feature the anchor. + The [Font Awesome](https://fontawesome.com/search?q=heart) or [Lucide](https://lucide.dev/) icon used to feature the anchor. Example: `comments` From a749ef33ae33ea5f15db6990ad2f393d22a4e90e Mon Sep 17 00:00:00 2001 From: Kathryn Isabelle Lawrence Date: Fri, 14 Mar 2025 16:11:33 -0700 Subject: [PATCH 2/2] fix lucide icons links --- content/components/accordions.mdx | 2 +- content/components/cards.mdx | 2 +- content/components/icons.mdx | 2 +- content/components/steps.mdx | 2 +- navigation/divisions.mdx | 4 ++-- page.mdx | 2 +- settings/global.mdx | 4 ++-- 7 files changed, 9 insertions(+), 9 deletions(-) diff --git a/content/components/accordions.mdx b/content/components/accordions.mdx index f61cd621..46095e79 100644 --- a/content/components/accordions.mdx +++ b/content/components/accordions.mdx @@ -35,7 +35,7 @@ icon: "square-caret-down" - A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code diff --git a/content/components/cards.mdx b/content/components/cards.mdx index 37548fd5..6c95cd84 100644 --- a/content/components/cards.mdx +++ b/content/components/cards.mdx @@ -49,7 +49,7 @@ Add an `img` property to a card to display an image on the top of the card. - A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code in `icon={}` + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code in `icon={}` diff --git a/content/components/icons.mdx b/content/components/icons.mdx index f6aee504..dc688c13 100644 --- a/content/components/icons.mdx +++ b/content/components/icons.mdx @@ -1,6 +1,6 @@ --- title: "Icons" -description: "Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/) icons anywhere in the doc" +description: "Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icons anywhere in the doc" icon: "icons" --- diff --git a/content/components/steps.mdx b/content/components/steps.mdx index 38791041..3f9b5c5d 100644 --- a/content/components/steps.mdx +++ b/content/components/steps.mdx @@ -53,7 +53,7 @@ Steps are the best way to display a series of actions of events to your users. Y - A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/), or SVG code in `icon={}` + A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code in `icon={}` diff --git a/navigation/divisions.mdx b/navigation/divisions.mdx index c1bd123c..c965ffee 100644 --- a/navigation/divisions.mdx +++ b/navigation/divisions.mdx @@ -51,7 +51,7 @@ Anchors are another way to section your content. They show up on top of your sid The configuration is very similar to the tab configuration. We highly recommend that you set an `icon` field as well. -Valid icon values include all named [Font Awesome](https://fontawesome.com/search) and [Lucide](https://lucide.dev/) icons. +Valid icon values include all named [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/icons) icons. ```json docs.json "navigation": { @@ -91,7 +91,7 @@ Valid icon values include all named [Font Awesome](https://fontawesome.com/searc Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown. -We also recommend that you set an icon for each dropdown item (from [Font Awesome](https://fontawesome.com/search) or [Lucide](https://lucide.dev/)). +We also recommend that you set an icon for each dropdown item (from [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons)). ```json docs.json "navigation": { "dropdowns": [ diff --git a/page.mdx b/page.mdx index 14dbd761..e4f96792 100644 --- a/page.mdx +++ b/page.mdx @@ -67,7 +67,7 @@ sidebarTitle: "Short title" Want an icon for your sidebar item like the ones in [components](/content/components/accordions)? You can set an `icon` attribute in -the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/) are +the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/icons) are available for us. You can also set an icon type for Font Awesome icons (optional). If not set, the icon type will be regular. diff --git a/settings/global.mdx b/settings/global.mdx index 510c6dd6..f1d300f0 100644 --- a/settings/global.mdx +++ b/settings/global.mdx @@ -968,7 +968,7 @@ Example: - The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/) icon for the group. Note: this only applies to sub-folders. + The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icon for the group. Note: this only applies to sub-folders. @@ -1111,7 +1111,7 @@ Example: - The [Font Awesome](https://fontawesome.com/search?q=heart) or [Lucide](https://lucide.dev/) icon used to feature the anchor. + The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icon used to feature the anchor. Example: `comments`