mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-29 11:20:36 +01:00
docs: clean
This commit is contained in:
@@ -15,11 +15,7 @@ Use a [Button](/components/button) or any other component in the default slot of
|
|||||||
|
|
||||||
Then, use the `#content` slot to add the content displayed when the Collapsible is open.
|
Then, use the `#content` slot to add the content displayed when the Collapsible is open.
|
||||||
|
|
||||||
::component-example
|
:component-example{name="collapsible-example"}
|
||||||
---
|
|
||||||
name: 'collapsible-example'
|
|
||||||
---
|
|
||||||
::
|
|
||||||
|
|
||||||
## Examples
|
## Examples
|
||||||
|
|
||||||
@@ -27,11 +23,7 @@ name: 'collapsible-example'
|
|||||||
|
|
||||||
You can control the open state by using the `default-open` prop or the `v-model:open` directive.
|
You can control the open state by using the `default-open` prop or the `v-model:open` directive.
|
||||||
|
|
||||||
::component-example
|
:component-example{name="collapsible-open-example"}
|
||||||
---
|
|
||||||
name: 'collapsible-open-example'
|
|
||||||
---
|
|
||||||
::
|
|
||||||
|
|
||||||
::note
|
::note
|
||||||
In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible.
|
In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible.
|
||||||
@@ -41,11 +33,7 @@ In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible.
|
|||||||
|
|
||||||
Here is an example with a rotating icon in the Button that indicates the open state of the Collapsible.
|
Here is an example with a rotating icon in the Button that indicates the open state of the Collapsible.
|
||||||
|
|
||||||
::component-example
|
:component-example{name="collapsible-icon-example"}
|
||||||
---
|
|
||||||
name: 'collapsible-icon-example'
|
|
||||||
---
|
|
||||||
::
|
|
||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,6 @@
|
|||||||
---
|
---
|
||||||
description: Add 200,000+ ready to use icons to your Nuxt application, based on Iconify.
|
description: A wrapper around Nuxt Icon component to display icons.
|
||||||
links:
|
links:
|
||||||
- label: Iconify
|
|
||||||
icon: i-simple-icons-iconify
|
|
||||||
to: https://icones.js.org
|
|
||||||
- label: Nuxt Icon
|
- label: Nuxt Icon
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/icon
|
to: https://github.com/nuxt/icon
|
||||||
|
|||||||
@@ -166,13 +166,7 @@ slots:
|
|||||||
|
|
||||||
You can control the open state by using the `default-open` prop or the `v-model:open` directive.
|
You can control the open state by using the `default-open` prop or the `v-model:open` directive.
|
||||||
|
|
||||||
::component-example
|
:component-example{name="tooltip-open-example"}
|
||||||
---
|
|
||||||
name: 'tooltip-open-example'
|
|
||||||
props:
|
|
||||||
class: 'w-full'
|
|
||||||
---
|
|
||||||
::
|
|
||||||
|
|
||||||
::note
|
::note
|
||||||
In this example, press :kbd{value="O"} to toggle the Tooltip.
|
In this example, press :kbd{value="O"} to toggle the Tooltip.
|
||||||
|
|||||||
Reference in New Issue
Block a user