mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-02-03 05:37:56 +01:00
docs: update badges
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user