From 7a2845d75ed7eee0bf08fd7924c271ef721881fb Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Tue, 27 Jun 2023 17:29:00 +0200 Subject: [PATCH] docs: update `Edge` and `New` badges --- docs/content/1.getting-started/4.shortcuts.md | 2 +- docs/content/2.elements/1.avatar.md | 2 +- docs/content/3.forms/5.checkbox.md | 2 +- docs/content/3.forms/6.radio.md | 2 +- docs/content/3.forms/7.toggle.md | 2 +- docs/content/3.forms/8.range.md | 2 +- docs/content/4.data/1.table.md | 6 +++--- docs/content/5.navigation/2.command-palette.md | 2 +- docs/content/5.navigation/3.pagination.md | 2 -- 9 files changed, 10 insertions(+), 12 deletions(-) diff --git a/docs/content/1.getting-started/4.shortcuts.md b/docs/content/1.getting-started/4.shortcuts.md index 2982cce3..e15315ba 100644 --- a/docs/content/1.getting-started/4.shortcuts.md +++ b/docs/content/1.getting-started/4.shortcuts.md @@ -48,7 +48,7 @@ defineShortcuts({ ``` -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 diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md index c3f76f06..2297e16d 100644 --- a/docs/content/2.elements/1.avatar.md +++ b/docs/content/2.elements/1.avatar.md @@ -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 --- diff --git a/docs/content/3.forms/5.checkbox.md b/docs/content/3.forms/5.checkbox.md index c34d5fb7..16902607 100644 --- a/docs/content/3.forms/5.checkbox.md +++ b/docs/content/3.forms/5.checkbox.md @@ -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. diff --git a/docs/content/3.forms/6.radio.md b/docs/content/3.forms/6.radio.md index d8060801..7f76e9fa 100644 --- a/docs/content/3.forms/6.radio.md +++ b/docs/content/3.forms/6.radio.md @@ -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. diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md index 3994d64e..6f28b992 100644 --- a/docs/content/3.forms/7.toggle.md +++ b/docs/content/3.forms/7.toggle.md @@ -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. diff --git a/docs/content/3.forms/8.range.md b/docs/content/3.forms/8.range.md index 1bf519e9..f686a6cc 100644 --- a/docs/content/3.forms/8.range.md +++ b/docs/content/3.forms/8.range.md @@ -2,7 +2,7 @@ github: true description: Display a range field navigation: - badge: "Edge" + badge: New --- ## Usage diff --git a/docs/content/4.data/1.table.md b/docs/content/4.data/1.table.md index 56c60885..00cfd741 100644 --- a/docs/content/4.data/1.table.md +++ b/docs/content/4.data/1.table.md @@ -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. diff --git a/docs/content/5.navigation/2.command-palette.md b/docs/content/5.navigation/2.command-palette.md index aff5231a..b8a9d5ac 100644 --- a/docs/content/5.navigation/2.command-palette.md +++ b/docs/content/5.navigation/2.command-palette.md @@ -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. diff --git a/docs/content/5.navigation/3.pagination.md b/docs/content/5.navigation/3.pagination.md index efaade39..e1992ad2 100644 --- a/docs/content/5.navigation/3.pagination.md +++ b/docs/content/5.navigation/3.pagination.md @@ -1,8 +1,6 @@ --- github: true description: Add a pagination to handle pages. -navigation: - badge: 'New' --- ## Usage