docs: add missing component slots

This commit is contained in:
Benjamin Canac
2023-08-29 18:03:38 +02:00
parent 791804b2fb
commit 98b3c3550c
6 changed files with 88 additions and 0 deletions

View File

@@ -95,6 +95,24 @@ props:
---
::
## Slots
### `label`
Use the `#label` slot to override the content of the label.
::component-card
---
slots:
label: <span class="italic">Label</span>
baseProps:
name: 'checkbox5'
---
#label
[Label]{.italic}
::
## Props
:component-props

View File

@@ -109,6 +109,24 @@ props:
---
::
## Slots
### `label`
Use the `#label` slot to override the content of the label.
::component-card
---
slots:
label: <span class="italic">Label</span>
baseProps:
name: 'radio6'
---
#label
[Label]{.italic}
::
## Props
:component-props

View File

@@ -329,6 +329,26 @@ The `loading` state will automatically be enabled when a `search` function is lo
## Slots
### `<group>-icon`
Use the `#<group>-icon` slot to override the left command content which display by default the `icon`, `avatar` and `chip`.
### `<group>-command`
Use the `#<group>-command` slot to override the command content which display by default the `prefix`, `suffix` and `label` (customizable through the `command-attribute` prop).
### `<group>-active`
Use the `#<group>-active` slot to override the right command content (when hovered) which display by default the `active` field of the group if provided.
### `<group>-inactive`
Use the `#<group>-inactive` slot to override the right command content (when not hovered) which display by default the `inactive` field of the group if provided or the `shortcuts` of the command.
::callout{icon="i-heroicons-light-bulb"}
The 4 slots above will have access to the `group`, `command`, `active` and `selected` properties in the slot scope.
::
### `empty-state`
Use the `#empty-state` slot to customize the empty state.

View File

@@ -49,6 +49,12 @@ Use the `mode` prop to switch between `click` and `hover` modes.
```
::
## Slots
### `panel`
Use the `#panel` slot to fill the content of the panel.
## Props
:component-props

View File

@@ -21,6 +21,22 @@ links:
```
::
## Slots
### `text`
Use the `#text` slot to override the content of the text.
::component-card
---
slots:
text: <span class="italic">Hello World!</span>
---
#text
[Hello World!]{.italic}
::
## Props
:component-props

View File

@@ -26,6 +26,16 @@ links:
```
::
## Slots
### `header`
Use the `#header` slot to fill the header.
### `footer`
Use the `#footer` slot to fill the footer.
## Props
:component-props