Short

The VInfoShort component is a lightweight Vue component designed to display concise information blocks. It supports a title, subtitle, and an optional link, all styled with predefined classes for consistent design.Location: ui-kit/src/components/VInfo/VInfoShort.vue

Props

Prop Name	Type	Default	Description
`title`	`String`	`null`	The main title displayed in the component.
`subtitle`	`String`	`null`	A subtitle providing additional information, rendered as HTML.
`linkHref`	`String`	`null`	The URL for the optional link.
`linkText`	`String`	`null`	The text displayed for the optional link.

Slots

default: Allows custom content to be injected into the component.

Example

vue

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

<template>
  <VInfoShort
    title="Quick Info"
    subtitle="This is a short informational block for users."
    linkHref="https://example.com"
    linkText="Learn More"
  />
</template>

Result:

Quick Info

This is a short informational block for users.

Learn More