diff options
Diffstat (limited to 'frontend/src/lib/components/ui/select/select-scroll-down-button.svelte')
| -rw-r--r-- | frontend/src/lib/components/ui/select/select-scroll-down-button.svelte | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte b/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte new file mode 100644 index 0000000..7bc111e --- /dev/null +++ b/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte @@ -0,0 +1,20 @@ +<script lang="ts"> + import { Select as SelectPrimitive } from "bits-ui"; + import ChevronDownIcon from '@lucide/svelte/icons/chevron-down'; + import { cn, type WithoutChildrenOrChild } from "$lib/utils.js"; + + let { + ref = $bindable(null), + class: className, + ...restProps + }: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props(); +</script> + +<SelectPrimitive.ScrollDownButton + bind:ref + data-slot="select-scroll-down-button" + class={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5", className)} + {...restProps} +> + <ChevronDownIcon /> +</SelectPrimitive.ScrollDownButton> |