Flag
Displays a country flag based on an ISO country code.
Use Flag when you need to display a country flag as a visual identifier next to country-related content.
Use flags as a supporting visual cue. If the country name is already present as text, omit the
label so the flag remains decorative. Omit the label when the text already conveys the meaning
<script setup lang="ts">import { VFlag } from '@vonage/vivid-api-vue';</script>
<template> <p><VFlag code="DE" /> Germany</p></template><p> <vwc-flag code="DE"></vwc-flag> Germany</p> Don't rely on a flag alone to convey meaning
<script setup lang="ts">import { VFlag } from '@vonage/vivid-api-vue';</script>
<template> <VFlag code="DE" /></template><vwc-flag code="DE"></vwc-flag>