feat(InputMenu/Select/SelectMenu): arrow prop implementation (#2503)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Alexander
2024-10-31 19:09:24 +05:00
committed by GitHub
parent c85ba43040
commit f26f6c8168
12 changed files with 321 additions and 10 deletions

View File

@@ -160,7 +160,7 @@ props:
### Content
Use the `content` prop to control how the Select content is rendered, like its its `align`, `side` or `position` for example. Defaults to `popper` to match other components.
Use the `content` prop to control how the Select content is rendered, like its `align`, `side` or `position` for example.
::warning
The `content.align`, `content.side`, etc. properties only apply when `content.position` is set to `popper`.
@@ -209,6 +209,36 @@ props:
Read more about the `content.position` prop in the [Radix Vue documentation](https://www.radix-vue.com/components/select.html#change-the-positioning-mode).
::
<!--
### Arrow
Use the `arrow` prop to display an arrow on the Select.
::component-code
---
prettier: true
ignore:
- items
- modelValue
- class
- arrow
external:
- items
- modelValue
props:
modelValue: 'Todo'
arrow: true
items:
- Backlog
- Todo
- In Progress
- Done
class: 'w-48'
---
::
-->
### Color
Use the `color` prop to change the ring color when the Select is focused.