feat(SelectMenu): use UInput in search to handle props like icon

Resolves #2021
This commit is contained in:
Benjamin Canac
2024-11-10 23:22:44 +01:00
parent b0be26d67f
commit ff1e0798d3
6 changed files with 501 additions and 115 deletions

View File

@@ -200,7 +200,9 @@ props:
### Search Input
Use the `search-input` prop to customize the search input. Defaults to `{ placeholder: 'Search...' }`{lang="ts-type"}.
Use the `search-input` prop to customize or hide the search input (with `false` value).
You can pass all the props of the [Input](/components/input) component to customize it.
::component-code
---
@@ -219,6 +221,7 @@ props:
icon: 'i-lucide-circle-help'
searchInput:
placeholder: 'Filter...'
icon: 'i-lucide-search'
items:
- label: Backlog
icon: 'i-lucide-circle-help'
@@ -232,10 +235,6 @@ props:
---
::
::tip
You can set the `search-input` prop to `false` to hide the search input.
::
### Content
Use the `content` prop to control how the SelectMenu content is rendered, like its `align` or `side` for example.