docs: remove New badges

This commit is contained in:
Benjamin Canac
2023-10-02 17:57:42 +02:00
parent 537bd08aaa
commit af3db2a544
3 changed files with 8 additions and 8 deletions

View File

@@ -93,7 +93,7 @@ export default defineAppConfig({
Thanks to [tailwind-merge](https://github.com/dcastil/tailwind-merge), the `app.config.ts` is smartly merged with the default config. This means you don't have to rewrite everything.
You can change this behaviour by setting `strategy` to `override` in your `app.config.ts`: :u-badge{label="New" class="!rounded-full" variant="subtle"}
You can change this behaviour by setting `strategy` to `override` in your `app.config.ts`:
```ts [app.config.ts]
export default defineAppConfig({
@@ -146,7 +146,7 @@ To change the font of the `label`, you only need to write:
This will smartly replace the `font-medium` by `font-semibold` and prevent any class duplication and any class priority issue.
You can change this behaviour by setting `strategy` to `override` inside the `ui` prop: :u-badge{label="New" class="!rounded-full" variant="subtle"}
You can change this behaviour by setting `strategy` to `override` inside the `ui` prop:
```vue
<UButton

View File

@@ -192,7 +192,7 @@ code: >-
## Slots
### `label` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### `label`
Use the `#label` slot to set the custom content for label.
@@ -210,7 +210,7 @@ slots:
:u-input{model-value="benjamincanac" placeholder="you@example.com"}
::
### `description` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### `description`
Use the `#description` slot to set the custom content for description.
@@ -230,7 +230,7 @@ props:
:u-input{model-value="benjamincanac" placeholder="you@example.com"}
::
### `hint` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### `hint`
Use the `#hint` slot to set the custom content for hint.
@@ -250,7 +250,7 @@ props:
:u-input{model-value="benjamincanac" placeholder="you@example.com"}
::
### `help` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### `help`
Use the `#help` slot to set the custom content for help.
@@ -270,7 +270,7 @@ props:
:u-input{model-value="benjamincanac" placeholder="you@example.com"}
::
### `error` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
### `error`
Use the `#error` slot to set the custom content for error.

View File

@@ -524,7 +524,7 @@ excludedProps:
---
::
## Styling :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
## Styling
You can apply styles to `tr` and `td` elements by passing a `class` to rows.