From d0fe403265ea7a734b8bc55d8cbe1f6b69cc3edb Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Mon, 23 Oct 2023 23:28:58 +0800
Subject: [PATCH] docs: combobx add prevent select behavior

---
 docs/content/components/combobox.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/docs/content/components/combobox.md b/docs/content/components/combobox.md
index 0fce60ff9..efc0d1de9 100644
--- 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