docs: remove New badges on edge version

This commit is contained in:
Benjamin Canac
2024-01-22 16:58:10 +01:00
parent 6faf15bc74
commit 0083ca276a
7 changed files with 8 additions and 10 deletions

View File

@@ -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.

View File

@@ -8,8 +8,6 @@ links:
- label: 'Combobox'
icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/combobox'
navigation:
badge: New
---
## Usage

View File

@@ -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.`.

View File

@@ -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
<script setup>

View File

@@ -12,7 +12,7 @@ links:
Pass an array to the `links` prop of the VerticalNavigation component. Each link can have the following properties:
- `label` - The label of the link.
- `labelClass` - The class of the link label. :u-badge{label="New" class="!rounded-full" variant="subtle"}
- `labelClass` - The class of the link label.
- `icon` - The icon of the link.
- `iconClass` - The class of the link icon.
- `avatar` - The avatar of the link. You can pass all the props of the [Avatar](/elements/avatar) component.

View File

@@ -46,7 +46,7 @@ props:
---
::
### Disabled :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### Disabled
Use the `disabled` prop to disable all the buttons.

View File

@@ -8,7 +8,7 @@ description: A list of links that indicate the current page's location within a
Pass an array to the `links` prop of the Breadcrumb component. Each link can have the following properties:
- `label` - The label of the link.
- `labelClass` - The class of the link label. :u-badge{label="New" class="!rounded-full" variant="subtle"}
- `labelClass` - The class of the link label.
- `icon` - The icon of the link.
- `iconClass` - The class of the link icon.