Section Navigation

This component renders navigation buttons for navigating between case studies, with optional "Previous Case" and "Next Case" buttons.

Props

Prop Name	Type	Default	Required	Description
`prev`	`String`	`undefined`	No	The URL for the "Previous Case" button. If not provided, the button will not be rendered.
`next`	`String`	`undefined`	No	The URL for the "Next Case" button. If not provided, the button will not be rendered.
`prevButtonText`	`String`	`Previous Case`	No	The text for the "Prev Case" button.
`nextButtonText`	`String`	`Next Case`	No	The text for the "Next Case" button.

Example

vue

<script setup lang="ts">
import VSectionNavigation from 'UiKit/components/VSection/VSectionNavigation.vue';
</script>
<template>
<VSectionNavigation :prev="'/case-study-previous'" :next="'/case-study-next'" />
</template>