docs(collapsible): update

docs/content/3.components/collapsible.md

@@ -11,8 +11,42 @@ links:
 
 ## Usage
 
+Use a [Button](/components/button) or any other component in the default slot of the Collapsible.
+
+Then, use the `#content` slot to add the content that will be shown when the Collapsible is open.
+
+::component-example
+---
+name: 'collapsible-example'
+---
+::
+
 ## Examples
 
+### Control open state
+
+You can control the open state by using the `default-open` prop or the `v-model:open` directive.
+
+::component-example
+---
+name: 'collapsible-open-example'
+---
+::
+
+::note
+In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible.
+::
+
+### With rotating icon
+
+Here is an example with a rotating icon in the Button that indicates the open state of the Collapsible.
+
+::component-example
+---
+name: 'collapsible-icon-example'
+---
+::
+
 ## API
 
 ### Props
@@ -23,9 +57,9 @@ links:
 
 :component-slots
 
-### Events
+### Emits
 
-:component-events
+:component-emits
 
 ## Theme