mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
docs: update Edge and New badges
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
github: true
|
||||
description: Display a range field
|
||||
navigation:
|
||||
badge: "Edge"
|
||||
badge: New
|
||||
---
|
||||
|
||||
## 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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
@@ -1,8 +1,6 @@
|
||||
---
|
||||
github: true
|
||||
description: Add a pagination to handle pages.
|
||||
navigation:
|
||||
badge: 'New'
|
||||
---
|
||||
|
||||
## Usage
|
||||
|
||||
Reference in New Issue
Block a user