From 9cbb68871c87229f33368b686b7a5080e57cd025 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 6 Dec 2023 22:13:10 +0100
Subject: [PATCH] docs(SelectMenu): display config of `ui` and `ui-menu` props

Resolves  #1046
---
 docs/content/3.forms/4.select-menu.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index c15e3124..26c08cff 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -14,6 +14,8 @@ links:
 
 The `SelectMenu` component renders by default a [Select](/forms/select) component and is based on the `ui.select` preset. You can use most of the `Select` props to configure the display if you don't want to override the default slot such as [color](/forms/select#style), [variant](/forms/select#style), [size](/forms/select#size), [placeholder](/forms/select#placeholder), [icon](/forms/select#icon), [disabled](/forms/select#disabled), etc.
 
+You can use the `ui` prop like the `Select` component to override the default config. The `uiMenu` prop can be used to override the default menu config.
+
 Like the `Select` component, you can use the `options` prop to pass an array of strings or objects.
 
 ::component-example
@@ -238,4 +240,13 @@ An example is available in the [Create option](#create-option) section.
 
 ## Config
 
+::callout{icon="i-heroicons-light-bulb"}
+Use the `ui` prop to override the select config and the `uiMenu` prop to override the menu config.
+::
+
+::tabs{:selectedIndex="1"}
+  :component-preset{label="Select (ui)" slug="Select"}
+  :component-preset{label="SelectMenu (uiMenu)"}
+::
+
 :component-preset