mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
607 B
26 lines
607 B
<script setup lang="ts"> |
|
import { useCarousel } from './useCarousel' |
|
import type { WithClassAsProps } from './interface' |
|
|
|
const props = defineProps<WithClassAsProps>() |
|
|
|
const { orientation, canScrollNext, scrollNext } = useCarousel() |
|
</script> |
|
|
|
<template> |
|
<NcButton |
|
:disabled="!canScrollNext" |
|
type="secondary" |
|
size="xsmall" |
|
:class="{ |
|
'rotate-90': orientation === 'vertical', |
|
[props.class]: props.class, |
|
}" |
|
class="absolute" |
|
@click="scrollNext" |
|
> |
|
<slot> |
|
<GeneralIcon icon="arrowRight" class="h-4 w-4 text-current" /> |
|
</slot> |
|
</NcButton> |
|
</template>
|
|
|