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. 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] ```ts [app.config.ts]
export default defineAppConfig({ 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. 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 ```vue
<UButton <UButton

View File

@@ -192,7 +192,7 @@ code: >-
## Slots ## 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. 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"} :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. 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"} :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. 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"} :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. 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"} :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. 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. You can apply styles to `tr` and `td` elements by passing a `class` to rows.