docs: improve select options from types (#758)

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

docs/content/2.elements/4.badge.md

@@ -52,9 +52,11 @@ Besides all the colors from the `ui.colors` object, you can also use the `white`
 props:
   color: 'white'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
+options:
+  - name: variant
+    restriction: expected
+    values:
+      - solid
 excludedProps:
   - color
 ---
@@ -69,9 +71,11 @@ Badge
 props:
   color: 'gray'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
+options:
+  - name: variant
+    restriction: expected
+    values:
+      - solid
 excludedProps:
   - color
 ---
@@ -86,10 +90,11 @@ Badge
 props:
   color: 'black'
   variant: 'solid'
-ui:
-  variant:
-    solid: 1
-    link: 1
+options:
+  - name: variant
+    restriction: only
+    values:
+      - solid
 excludedProps:
   - color
 ---