Section Top Development Stages
The VSectionTopDevelopmentStages component is a specialized implementation of the VSectionTop component designed to present content related to development stages. It includes customizable background images, titles, and optional "Get in Touch" links for development-focused pages.
Props
| Name | Type | Required | Description |
|---|---|---|---|
data | IDevelopmentStagesTop | true | Object containing section content data. |
topic | String | false | A string for appending a query parameter to URLs. |
IDevelopmentStagesTop Interface
The data prop must follow the IDevelopmentStagesTop structure:
image(string): URL of the background image.title(string): The title for the section.isGetInTouch(boolean, optional): Determines whether the "Get in Touch" link is included.class(string): CSS class for customizing the background image styling.
Example Usage
vue
<script setup lang="ts">
import VSectionTopDevelopmentStages from 'UiKit/components/VSectionTop/VSectionTopDevelopmentStages.vue';
</script>
<template>
<VSectionTopDevelopmentStages
:data="{
title: 'Our Development Stages',
image: '/images/products/distributed-network-and-blockchain-development copy.svg',
class: 'is--development-stages'
}"
topic="development"
/>
</template>Development Stages
