Sometimes in the SelectMenu custom elements are useful to be rendered instead only options.
Dividers:
When in options there is an option like: { divider: true } it should render:
<hr class="w-full border-gray-700"/>
Header:
When in options there is an option like: { header: 'Text' } it should render:
<h5 v-else-if="('header' in option)" class="text-gray-400">{{ option.header }}</h5>
More element types could be added but these are the most common, for example: Link1Link 2
Description
Sometimes in the SelectMenu custom elements are useful to be rendered instead only options.
Dividers:
When in
options
there is an option like:{ divider: true }
it should render:<hr class="w-full border-gray-700"/>
Header:
When in
options
there is an option like:{ header: 'Text' }
it should render:<h5 v-else-if="('header' in option)" class="text-gray-400">{{ option.header }}</h5>
More element types could be added but these are the most common, for example: Link1 Link 2
Thanks!.
Additional context
No response