Info Slot

The InfoSlot component is a simple yet flexible block designed to display a title and description. It supports different sizes and includes a loading state with a skeleton placeholder. This component is useful for structured content sections with optional loading indicators. Location: UiKit/components/VInfo/VInfoSlot.vue

Props

Prop Name	Type	Default	Description
`title`	`string`	`null`	The primary title displayed at the top of the slot.
`text`	`string`	`null`	The main description text.
`size`	`'regular' 'small'`	`'regular'`	Determines the size of the text content.
`loading`	`boolean`	`false`	When `true`, replaces text with a skeleton placeholder.

Slots

default - Allows customization of the slot’s content. If no slot is provided, the component uses title and text props.

Example

vue

<script setup lang="ts">
import InfoSlot from 'UiKit/components/VInfo/VInfoSlot.vue';

const title = "Key Features";
const text = "Discover the core benefits and features of our platform.";
</script>

<template>
  <InfoSlot :title="title" :text="text"/>
  <InfoSlot :title="title" :text="text"/>
</template>

Result:

Key FeaturesDiscover the core benefits and features of our platform.