docs: combobx add prevent select behavior

unovue · Oct 23, 2023 · d0fe403 · d0fe403
1 parent e1c44b2
commit d0fe403
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/docs/content/components/combobox.md b/docs/content/components/combobox.md
@@ -955,9 +955,32 @@ import {
 </template>
 ```
 
+### Prevent select behavior
 
+By default, selecting `ComboboxItem` would close the content, and update the `modelValue` with the provided value. 
+You can prevent this behavior by preventing default `@select.prevent`.
+
 
+```vue line=11
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ComboboxContent, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot } from 'radix-vue'
+</script>
 
+<template>
+  <ComboboxRoot>
+    <ComboboxInput />
+    <ComboboxPortal>
+      <ComboboxContent>
+        <ComboboxItem @select.prevent>
+          Item A
+        </ComboboxItem>
+        …
+      </ComboboxContent>
+    </ComboboxPortal>
+  </ComboboxRoot>
+</template>
+```
 
 ## Accessibility