From 0083ca276a51f594e70b7509685641103b087df7 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 22 Jan 2024 16:58:10 +0100 Subject: [PATCH] docs: remove `New` badges on edge version --- docs/content/2.elements/6.dropdown.md | 4 ++-- docs/content/3.forms/2.input-menu.md | 2 -- docs/content/3.forms/4.select-menu.md | 4 ++-- docs/content/4.data/1.table.md | 2 +- docs/content/5.navigation/1.vertical-navigation.md | 2 +- docs/content/5.navigation/3.pagination.md | 2 +- docs/content/5.navigation/5.breadcrumb.md | 2 +- 7 files changed, 8 insertions(+), 10 deletions(-) diff --git a/docs/content/2.elements/6.dropdown.md b/docs/content/2.elements/6.dropdown.md index 4182898c..a7c218aa 100644 --- a/docs/content/2.elements/6.dropdown.md +++ b/docs/content/2.elements/6.dropdown.md @@ -14,7 +14,7 @@ links: Pass an array of arrays to the `items` prop of the Dropdown component. Each array represents a group of items. Each item can have the following properties: - `label` - The label of the item. -- `labelClass` - The class of the item label. :u-badge{label="New" class="!rounded-full" variant="subtle"} +- `labelClass` - The class of the item label. - `icon` - The icon of the item. - `iconClass` - The class of the item icon. - `avatar` - The avatar of the item. You can pass all the props of the [Avatar](/elements/avatar) component. @@ -34,7 +34,7 @@ Use the `mode` prop to switch between `click` and `hover` modes. :component-example{component="dropdown-example-mode"} -### Manual :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"} +### Manual Use a `v-model:open` to manually control the state. In this example, press :shortcut{value="O"} to toggle the dropdown. diff --git a/docs/content/3.forms/2.input-menu.md b/docs/content/3.forms/2.input-menu.md index 08d07013..3b247ef7 100644 --- a/docs/content/3.forms/2.input-menu.md +++ b/docs/content/3.forms/2.input-menu.md @@ -8,8 +8,6 @@ links: - label: 'Combobox' icon: i-simple-icons-headlessui to: 'https://headlessui.com/vue/combobox' -navigation: - badge: New --- ## Usage diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md index 7b61cd60..a8a3573c 100644 --- a/docs/content/3.forms/4.select-menu.md +++ b/docs/content/3.forms/4.select-menu.md @@ -132,7 +132,7 @@ props: --- :: -### Control the query :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"} +### Control the query Use a `v-model:query` to control the search query. @@ -260,7 +260,7 @@ Use the `#option-create` slot to customize the content displayed when the `creat An example is available in the [Create option](#create-option) section. :: -### `empty` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"} +### `empty` Use the `#empty` slot to customize the content displayed when there is no options. Defaults to `No options.`. diff --git a/docs/content/4.data/1.table.md b/docs/content/4.data/1.table.md index eac7fc5d..09aefb8b 100644 --- a/docs/content/4.data/1.table.md +++ b/docs/content/4.data/1.table.md @@ -117,7 +117,7 @@ You can use a `v-model:sort` to make the sorting reactive. You may also use `@up When fetching data from an API, we can take advantage of the [`useFetch`](https://nuxt.com/docs/api/composables/use-fetch) or [`useAsyncData`](https://nuxt.com/docs/api/composables/use-async-data) composables to fetch the data based on the sorting column and direction every time the `sort` reactive element changes. -When doing so, you might want to set the `sort-mode` prop to `manual` to disable the automatic sorting and return the rows as is. :u-badge{label="New" class="!rounded-full" variant="subtle"} +When doing so, you might want to set the `sort-mode` prop to `manual` to disable the automatic sorting and return the rows as is. ```vue