Contextual Help
Adds contextual help nested in the Toggletip to the form label
The Contextual Help component is a helper wrapper that contains a Toggletip, a Button, and a default Icon. It was introduced to simplify the integration of contextual help into existing components and to ensure consistency across Vivid.
<script setup lang="ts">import { VContextualHelp } from '@vonage/vivid-api-vue';</script>
<template> <VContextualHelp>This is an example contextual help</VContextualHelp></template><vwc-contextual-help>This is an example contextual help</vwc-contextual-help>Default Icon can be overridden using the icon slot.
<script setup lang="ts">import { VContextualHelp, VIcon } from '@vonage/vivid-api-vue';</script>
<template> <VContextualHelp> This is an example contextual help <template #icon><VIcon name="info-solid" /></template> </VContextualHelp></template><vwc-contextual-help> This is an example contextual help <vwc-icon slot="icon" name="info-solid"></vwc-icon></vwc-contextual-help>