primevue-mirror/components/lib/paginator/NextPageLink.vue

38 lines
929 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
2023-05-30 13:39:08 +00:00
<button v-ripple :class="cx('nextPageButton')" type="button" v-bind="getPTOptions('nextPageButton')">
<component :is="template || 'AngleRightIcon'" :class="cx('nextPageIcon')" v-bind="getPTOptions('nextPageIcon')" />
2022-09-14 11:26:01 +00:00
</button>
2022-09-06 12:03:37 +00:00
</template>
<script>
2023-05-08 09:35:25 +00:00
import BaseComponent from 'primevue/basecomponent';
import AngleRightIcon from 'primevue/icons/angleright';
2022-09-06 12:03:37 +00:00
import Ripple from 'primevue/ripple';
export default {
name: 'NextPageLink',
2023-05-08 09:35:25 +00:00
extends: BaseComponent,
props: {
template: {
type: Function,
default: null
}
},
2023-05-08 09:35:25 +00:00
methods: {
getPTOptions(key) {
return this.ptm(key, {
context: {
disabled: this.$attrs.disabled
}
});
}
},
components: {
AngleRightIcon: AngleRightIcon
},
2022-09-06 12:03:37 +00:00
directives: {
2022-09-14 11:26:01 +00:00
ripple: Ripple
2022-09-06 12:03:37 +00:00
}
2022-09-14 11:26:01 +00:00
};
2022-09-06 12:03:37 +00:00
</script>