docs(SelectMenu): display config of ui and ui-menu props

Resolves  #1046
This commit is contained in:
Benjamin Canac
2023-12-06 22:13:10 +01:00
parent 7c5b47ea72
commit 9cbb68871c

View File

@@ -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