docs: update badges

This commit is contained in:
Benjamin Canac
2023-10-02 18:07:17 +02:00
parent 64897a39bf
commit f3c7ad8470
3 changed files with 6 additions and 8 deletions

View File

@@ -1,7 +1,5 @@
--- ---
description: 'Learn how to customize the look and feel of the components.' description: 'Learn how to customize the look and feel of the components.'
navigation:
badge: New
--- ---
## Overview ## Overview

View File

@@ -192,7 +192,7 @@ code: >-
## Slots ## Slots
### `label` ### `label` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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` ### `description` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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` ### `hint` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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` ### `help` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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` ### `error` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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 ## Styling :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
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.