Lists Pointers

Overview

VListsPointers renders a list with pointer-style bullets for visual hierarchy.

Props

Name	Type	Required	Description
`items`	`IListsPointers[]`	true	Items to render with optional tooltip/title and text.

IListsPointers

interface IListsPointers {
  tooltip?: string; // HTML allowed; sanitized
  text: string;
  title: string;
}

When to use

For standard bullet lists that need a custom pointer style
For grouped key points in sections or sidebars

Usage

vue

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

const items = [
  { title: 'Feature A', text: 'Fast and reliable.' },
  { title: 'Feature B', text: 'Secure by design.', tooltip: 'Extra details about <b>security</b>' },
  { title: 'Feature C', text: 'Easy to integrate.' },
];
</script>

<template>
  <VListsPointers :items="items" />
  
</template>

Appearance

Custom pointer/bullet preceding each item
Consistent spacing and readable line-height