mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-30 03:38:54 +01:00
docs: update Edge and New badges
This commit is contained in:
@@ -48,7 +48,7 @@ defineShortcuts({
|
|||||||
</script>
|
</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:
|
Modifiers are also available:
|
||||||
- `meta`: acts as `Command` for MacOS and `Control` for others
|
- `meta`: acts as `Command` for MacOS and `Control` for others
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ baseProps:
|
|||||||
|
|
||||||
### Chip
|
### 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
|
::component-card
|
||||||
---
|
---
|
||||||
|
|||||||
@@ -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.
|
Use the `color` prop to change the style of the Checkbox.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
Use the `color` prop to change the style of the Radio.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
Use the `color` prop to change the style of the Toggle.
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
github: true
|
github: true
|
||||||
description: Display a range field
|
description: Display a range field
|
||||||
navigation:
|
navigation:
|
||||||
badge: "Edge"
|
badge: New
|
||||||
---
|
---
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|||||||
@@ -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.
|
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.
|
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.
|
Use the `#empty-state` slot to customize the empty state.
|
||||||
|
|
||||||
|
|||||||
@@ -325,7 +325,7 @@ The `loading` state will automatically be enabled when a `search` function is lo
|
|||||||
|
|
||||||
## Slots
|
## 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.
|
Use the `#empty-state` slot to customize the empty state.
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
---
|
---
|
||||||
github: true
|
github: true
|
||||||
description: Add a pagination to handle pages.
|
description: Add a pagination to handle pages.
|
||||||
navigation:
|
|
||||||
badge: 'New'
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|||||||
Reference in New Issue
Block a user