docs: improve select options from types (#758)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/content/2.elements/5.button.md

@@ -51,10 +51,12 @@ backgroundClass: 'bg-gray-50 dark:bg-gray-800'
 props:
   color: 'white'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
-    ghost: 1
+options:
+  - name: variant
+    restriction: expected
+    values:
+      - solid
+      - ghost  
 excludedProps:
   - color
 ---
@@ -69,11 +71,13 @@ Button
 props:
   color: 'gray'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
-    ghost: 1
-    link: 1
+options:
+  - name: variant
+    restriction: expected
+    values:
+      - solid
+      - ghost
+      - link  
 excludedProps:
   - color
 ---
@@ -88,10 +92,12 @@ Button
 props:
   color: 'black'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
-    link: 1
+options:
+  - name: variant
+    restriction: expected
+    values:
+      - solid
+      - link      
 excludedProps:
   - color
 ---
@@ -284,17 +290,6 @@ To stack buttons as a group, use the `ButtonGroup` component.
 props:
   size: 'sm'
   orientation: 'horizontal'
-ui:
-  size:
-    2xs: ''
-    xs: ''
-    sm: ''
-    md: ''
-    lg: ''
-    xl: ''
-  orientation:
-    horizontal: ''
-    vertical: ''
 code: |
   <UButton label="Action" color="white" />
     <UButton icon="i-heroicons-chevron-down-20-solid" color="gray" />