From a29877059e26aeb694c0454284309c39e49f35bb Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Fri, 4 Aug 2023 15:31:35 +0200 Subject: [PATCH] docs: improve icon sections of Alert, Avatar and Notification --- docs/content/2.elements/2.alert.md | 2 +- docs/content/2.elements/3.avatar.md | 2 +- docs/content/6.overlays/6.notification.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/content/2.elements/2.alert.md b/docs/content/2.elements/2.alert.md index e02f0f86..998d7ab4 100644 --- a/docs/content/2.elements/2.alert.md +++ b/docs/content/2.elements/2.alert.md @@ -34,7 +34,7 @@ props: ### Icon -Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}`. +Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}` or change it globally in `ui.alert.default.icon`. ::component-card --- diff --git a/docs/content/2.elements/3.avatar.md b/docs/content/2.elements/3.avatar.md index a33657ab..c3da0a13 100644 --- a/docs/content/2.elements/3.avatar.md +++ b/docs/content/2.elements/3.avatar.md @@ -55,7 +55,7 @@ If there is an error loading the `src` of the avatar or `src` is null / false a #### Icon :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full" variant="subtle"} -You can use the `icon` prop to display an icon on top of the background or globally in `ui.avatar.default.icon`. Defaults to `null`. +Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}` or change it globally in `ui.avatar.default.icon` to display an icon on top of the background. ::component-card --- diff --git a/docs/content/6.overlays/6.notification.md b/docs/content/6.overlays/6.notification.md index d45cb8fe..d7fa955c 100644 --- a/docs/content/6.overlays/6.notification.md +++ b/docs/content/6.overlays/6.notification.md @@ -109,7 +109,7 @@ props: ### Icon -Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}`. +Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}` or change it globally in `ui.notification.default.icon`. ::component-card ---