What Our Clients Say

Overview

The VSectionWhatOurClientsSay component is designed to display a section featuring client testimonials. It utilizes a two-column layout and includes a slider for showcasing client feedback. Location - ui-kit/src/components/VWhatOurClientsSay/VSectionWhatOurClientsSay.vue

Features

• Two-Column Layout: Utilizes a two-column layout for displaying content.
• Client Testimonials Slider: Integrates a slider to showcase client testimonials dynamically.

Importing the Component

To use the VSectionWhatOurClientsSay component, import it as follows:

import { VSectionWhatOurClientsSay } from '@webdevelop-pro/ui-kit/docs';

Full Example

<script setup lang="ts">
import { VSectionWhatOurClientsSay } from '@webdevelop-pro/ui-kit/docs';
</script>

<template>
  <VSectionWhatOurClientsSay />
</template>

VWhatOurClientsSaySlider

The VWhatOurClientsSaySlider component is designed to display client testimonials in a slider format. It allows for dynamic rendering of testimonials and integrates with autoplay functionality. Location - ui-kit/src/components/VWhatOurClientsSay/VWhatOurClientsSaySlider.vue

Features

• Dynamic Testimonials: Renders client testimonials dynamically based on provided data.
• Autoplay Functionality: Supports autoplay for seamless transitions between testimonials.

Importing the Component

To use the VWhatOurClientsSaySlider component, import it as follows:

import { VWhatOurClientsSaySlider } from '@webdevelop-pro/ui-kit/docs';

Component Props

The component accepts the following props:

VWhatOurClientsSaySidebar

The VWhatOurClientsSaySidebar component displays a sidebar featuring client testimonials in a slider format. It allows for autoplay functionality and displays client feedback dynamically. Location - ui-kit/src/components/VWhatOurClientsSay/VWhatOurClientsSaySidebar.vue

Features

• Sidebar Slider: Displays client testimonials in a sidebar slider format.
• Autoplay: Automatically transitions between testimonials.

Importing the Component

To use the VWhatOurClientsSaySidebar component, import it as follows:

import { VWhatOurClientsSaySidebar } from '@webdevelop-pro/ui-kit/docs';

Component Props

The component accepts the following props:

Full Example

<script setup lang="ts">
import { VWhatOurClientsSaySidebar } from '@webdevelop-pro/ui-kit/docs';

const testimonials = [
  { text: "Great service!", author: "Client A" },
  { text: "Highly recommend!", author: "Client B" },
];
</script>

<template>
  <VWhatOurClientsSaySidebar :slider="testimonials" />
</template>