From 444c565980329a2118cb869df36929809252c256 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 2 Oct 2023 17:57:42 +0200 Subject: [PATCH] docs: remove `New` badges --- docs/content/1.getting-started/3.theming.md | 4 ++-- docs/content/3.forms/9.form-group.md | 10 +++++----- docs/content/4.data/1.table.md | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/content/1.getting-started/3.theming.md b/docs/content/1.getting-started/3.theming.md index cc13f46c14..3a9ec6c990 100644 --- a/docs/content/1.getting-started/3.theming.md +++ b/docs/content/1.getting-started/3.theming.md @@ -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 - ## 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. diff --git a/docs/content/4.data/1.table.md b/docs/content/4.data/1.table.md index aef481aca1..cb2f369d69 100644 --- a/docs/content/4.data/1.table.md +++ b/docs/content/4.data/1.table.md @@ -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.