From 2d51e20939db19d10869399b505b84a9c1c46354 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Wed, 25 Jun 2025 17:48:37 +0200 Subject: [PATCH] docs(content): update badges --- docs/content/1.getting-started/7.i18n/1.nuxt.md | 2 +- docs/content/1.getting-started/7.i18n/2.vue.md | 2 +- docs/content/3.components/checkbox-group.md | 1 - docs/content/3.components/checkbox.md | 4 ++-- docs/content/3.components/command-palette.md | 12 ++++++------ docs/content/3.components/input-tags.md | 2 +- docs/content/3.components/navigation-menu.md | 4 ++-- docs/content/3.components/popover.md | 2 +- docs/content/3.components/radio-group.md | 4 ++-- docs/content/3.components/slider.md | 2 +- docs/content/3.components/textarea.md | 8 ++++---- docs/content/3.components/timeline.md | 2 +- 12 files changed, 22 insertions(+), 23 deletions(-) diff --git a/docs/content/1.getting-started/7.i18n/1.nuxt.md b/docs/content/1.getting-started/7.i18n/1.nuxt.md index 94b9cb4e..b7b43fa7 100644 --- a/docs/content/1.getting-started/7.i18n/1.nuxt.md +++ b/docs/content/1.getting-started/7.i18n/1.nuxt.md @@ -125,7 +125,7 @@ Look at the `code` parameter, there you need to pass the iso code of the languag :: -### Extend locale :badge{label="Soon" class="align-text-top"} +### Extend locale :badge{label="New" class="align-text-top"} You can customize an existing locale by overriding its `messages` or `code` using the `extendLocale` composable: diff --git a/docs/content/1.getting-started/7.i18n/2.vue.md b/docs/content/1.getting-started/7.i18n/2.vue.md index a35e31a7..1acb4ff3 100644 --- a/docs/content/1.getting-started/7.i18n/2.vue.md +++ b/docs/content/1.getting-started/7.i18n/2.vue.md @@ -127,7 +127,7 @@ Look at the `code` parameter, there you need to pass the iso code of the languag :: -### Extend locale :badge{label="Soon" class="align-text-top"} +### Extend locale :badge{label="New" class="align-text-top"} You can customize an existing locale by overriding its `messages` or `code` using the `extendLocale` composable: diff --git a/docs/content/3.components/checkbox-group.md b/docs/content/3.components/checkbox-group.md index e9daadba..5e3d9f6b 100644 --- a/docs/content/3.components/checkbox-group.md +++ b/docs/content/3.components/checkbox-group.md @@ -9,7 +9,6 @@ links: - label: GitHub icon: i-simple-icons-github to: https://github.com/nuxt/ui/tree/v3/src/runtime/components/CheckboxGroup.vue -navigation.badge: New --- diff --git a/docs/content/3.components/checkbox.md b/docs/content/3.components/checkbox.md index 28e413b7..b64bd932 100644 --- a/docs/content/3.components/checkbox.md +++ b/docs/content/3.components/checkbox.md @@ -156,7 +156,7 @@ props: --- :: -### Variant :badge{label="New" class="align-text-top"} +### Variant Use the `variant` prop to change the variant of the Checkbox. @@ -190,7 +190,7 @@ props: --- :: -### Indicator :badge{label="New" class="align-text-top"} +### Indicator Use the `indicator` prop to change the position or hide the indicator. Defaults to `start`. diff --git a/docs/content/3.components/command-palette.md b/docs/content/3.components/command-palette.md index 16b3c949..a37fc9a5 100644 --- a/docs/content/3.components/command-palette.md +++ b/docs/content/3.components/command-palette.md @@ -52,8 +52,8 @@ Each group contains an `items` array of objects that define the commands. Each i - `loading?: boolean`{lang="ts-type"} - `disabled?: boolean`{lang="ts-type"} - [`slot?: string`{lang="ts-type"}](#with-custom-slot) -- `placeholder?: string`{lang="ts-type"} :badge{label="Soon"} -- `children?: CommandPaletteItem[]`{lang="ts-type"} :badge{label="Soon"} +- `placeholder?: string`{lang="ts-type"} +- `children?: CommandPaletteItem[]`{lang="ts-type"} - `onSelect?(e?: Event): void`{lang="ts-type"} - `class?: any`{lang="ts-type"} - `ui?: { item?: ClassNameValue, itemLeadingIcon?: ClassNameValue, itemLeadingAvatarSize?: ClassNameValue, itemLeadingAvatar?: ClassNameValue, itemLeadingChipSize?: ClassNameValue, itemLeadingChip?: ClassNameValue, itemLabel?: ClassNameValue, itemLabelPrefix?: ClassNameValue, itemLabelBase?: ClassNameValue, itemLabelSuffix?: ClassNameValue, itemTrailing?: ClassNameValue, itemTrailingKbds?: ClassNameValue, itemTrailingKbdsSize?: ClassNameValue, itemTrailingHighlightedIcon?: ClassNameValue, itemTrailingIcon?: ClassNameValue }`{lang="ts-type"} @@ -327,7 +327,7 @@ You can customize this icon globally in your `vite.config.ts` under `ui.icons.ch ::: :: -### Trailing Icon :badge{label="Soon" class="align-text-top"} +### Trailing Icon :badge{label="New" class="align-text-top"} Use the `trailing-icon` prop to customize the trailing [Icon](/components/icon) when an item has children. Defaults to `i-lucide-chevron-right`. @@ -565,7 +565,7 @@ You can customize this icon globally in your `vite.config.ts` under `ui.icons.cl ::: :: -### Back :badge{label="Soon" class="align-text-top"} +### Back :badge{label="New" class="align-text-top"} Use the `back` prop to customize or hide the back button (with `false` value) displayed when navigating into a submenu. @@ -604,7 +604,7 @@ props: --- :: -### Back Icon :badge{label="Soon" class="align-text-top"} +### Back Icon :badge{label="New" class="align-text-top"} Use the `back-icon` prop to customize the back button [Icon](/components/icon). Defaults to `i-lucide-arrow-left`. @@ -717,7 +717,7 @@ props: This example uses the `@update:model-value` event to reset the search term when an item is selected. :: -### With children in items :badge{label="Soon" class="align-text-top"} +### With children in items :badge{label="New" class="align-text-top"} You can create hierarchical menus by using the `children` property in items. When an item has children, it will automatically display a chevron icon and enable navigation into a submenu. diff --git a/docs/content/3.components/input-tags.md b/docs/content/3.components/input-tags.md index c119efc2..1f642dd3 100644 --- a/docs/content/3.components/input-tags.md +++ b/docs/content/3.components/input-tags.md @@ -9,7 +9,7 @@ links: - label: GitHub icon: i-simple-icons-github to: https://github.com/nuxt/ui/tree/v3/src/runtime/components/InputTags.vue -navigation.badge: Soon +navigation.badge: New --- ## Usage diff --git a/docs/content/3.components/navigation-menu.md b/docs/content/3.components/navigation-menu.md index 75b73d48..f0fb9c5f 100644 --- a/docs/content/3.components/navigation-menu.md +++ b/docs/content/3.components/navigation-menu.md @@ -889,7 +889,7 @@ You can inspect the DOM to see each item's content being rendered. ## Examples -### With tooltip in items :badge{label="New" class="align-text-top"} +### With tooltip in items When orientation is `vertical` and the menu is `collapsed`, you can set the `tooltip` prop to `true` to display a [Tooltip](/components/tooltip) around items with their label but you can also use the `tooltip` property on each item to override the default tooltip. @@ -994,7 +994,7 @@ props: --- :: -### With popover in items :badge{label="New" class="align-text-top"} +### With popover in items When orientation is `vertical` and the menu is `collapsed`, you can set the `popover` prop to `true` to display a [Popover](/components/popover) around items with their children but you can also use the `popover` property on each item to override the default popover. diff --git a/docs/content/3.components/popover.md b/docs/content/3.components/popover.md index b397af30..f89d0ef8 100644 --- a/docs/content/3.components/popover.md +++ b/docs/content/3.components/popover.md @@ -202,7 +202,7 @@ name: 'popover-command-palette-example' --- :: -### With anchor slot :badge{label="New" class="align-text-top"} +### With anchor slot You can use the `#anchor` slot to position the Popover against a custom element. diff --git a/docs/content/3.components/radio-group.md b/docs/content/3.components/radio-group.md index c7d5f13d..4f936246 100644 --- a/docs/content/3.components/radio-group.md +++ b/docs/content/3.components/radio-group.md @@ -159,7 +159,7 @@ props: --- :: -### Variant :badge{label="New" class="align-text-top"} +### Variant Use the `variant` prop to change the variant of the RadioGroup. @@ -240,7 +240,7 @@ props: --- :: -### Indicator :badge{label="New" class="align-text-top"} +### Indicator Use the `indicator` prop to change the position or hide the indicator. Defaults to `start`. diff --git a/docs/content/3.components/slider.md b/docs/content/3.components/slider.md index 28784be3..52296a3a 100644 --- a/docs/content/3.components/slider.md +++ b/docs/content/3.components/slider.md @@ -136,7 +136,7 @@ props: --- :: -### Tooltip :badge{label="New" class="align-text-top"} +### Tooltip Use the `tooltip` prop to display a [Tooltip](/components/tooltip) around the Slider thumbs with the current value. You can set it to `true` for default behavior or pass an object to customize it with any property from the [Tooltip](/components/tooltip#props) component. diff --git a/docs/content/3.components/textarea.md b/docs/content/3.components/textarea.md index 6bcc0865..c3a3d3df 100644 --- a/docs/content/3.components/textarea.md +++ b/docs/content/3.components/textarea.md @@ -124,7 +124,7 @@ props: --- :: -### Icon :badge{label="New" class="align-text-top"} +### Icon Use the `icon` prop to show an [Icon](/components/icon) inside the Textarea. @@ -157,7 +157,7 @@ props: --- :: -### Avatar :badge{label="New" class="align-text-top"} +### Avatar Use the `avatar` prop to show an [Avatar](/components/avatar) inside the Textarea. @@ -176,7 +176,7 @@ props: --- :: -### Loading :badge{label="New" class="align-text-top"} +### Loading Use the `loading` prop to show a loading icon on the Textarea. @@ -192,7 +192,7 @@ props: --- :: -### Loading Icon :badge{label="New" class="align-text-top"} +### Loading Icon Use the `loading-icon` prop to customize the loading icon. Defaults to `i-lucide-loader-circle`. diff --git a/docs/content/3.components/timeline.md b/docs/content/3.components/timeline.md index 091c022f..678f0dd6 100644 --- a/docs/content/3.components/timeline.md +++ b/docs/content/3.components/timeline.md @@ -6,7 +6,7 @@ links: - label: GitHub icon: i-simple-icons-github to: https://github.com/nuxt/ui/tree/v3/src/runtime/components/Timeline.vue -navigation.badge: Soon +navigation.badge: New --- ## Usage