docs: update Edge and New badges

This commit is contained in:
Benjamin Canac
2023-06-27 17:29:00 +02:00
parent 10a9a3ea2b
commit 7a2845d75e
9 changed files with 10 additions and 12 deletions

View File

@@ -48,7 +48,7 @@ defineShortcuts({
</script>
```
Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator.
Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator. :u-badge{label="New" class="!rounded-full"}
Modifiers are also available:
- `meta`: acts as `Command` for MacOS and `Control` for others

View File

@@ -29,7 +29,7 @@ baseProps:
### Chip
Use the `chip-color`, `chip-text` :u-badge{label="Edge" class="!rounded-full"} and `chip-position` props to display a chip on the Avatar.
Use the `chip-color`, `chip-text` :u-badge{label="New" class="!rounded-full"} and `chip-position` props to display a chip on the Avatar.
::component-card
---

View File

@@ -36,7 +36,7 @@ props:
---
::
### Style
### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
Use the `color` prop to change the style of the Checkbox.

View File

@@ -50,7 +50,7 @@ props:
---
::
### Style
### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
Use the `color` prop to change the style of the Radio.

View File

@@ -26,7 +26,7 @@ const selected = ref(false)
```
::
### Style
### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
Use the `color` prop to change the style of the Toggle.

View File

@@ -2,7 +2,7 @@
github: true
description: Display a range field
navigation:
badge: "Edge"
badge: New
---
## Usage

View File

@@ -401,7 +401,7 @@ const rows = computed(() => {
```
::
### Loading :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
### Loading
Use the `loading` prop to display a loading state.
@@ -566,7 +566,7 @@ const selected = ref([people[1]])
```
::
### `loading-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
### `loading-state`
Use the `#loading-state` slot to customize the loading state.
@@ -605,7 +605,7 @@ const pending = ref(true)
```
::
### `empty-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
### `empty-state`
Use the `#empty-state` slot to customize the empty state.

View File

@@ -325,7 +325,7 @@ The `loading` state will automatically be enabled when a `search` function is lo
## Slots
### `empty-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
### `empty-state`
Use the `#empty-state` slot to customize the empty state.

View File

@@ -1,8 +1,6 @@
---
github: true
description: Add a pagination to handle pages.
navigation:
badge: 'New'
---
## Usage