Win7 UI

# Balloon

Draws user attention to a specific control

# Usage

<template>
  <winui-balloon>This is a balloon!</winui-balloon>
</template>

# Props

Not available.

# Customization

Use the class name .winui-balloon to override/customize the component's styles.

To change the position of the balloon, which subsequently change the placement of its tail, combine the respective vertical and horizontal classes:

  • Vertical: .is-top / .is-bottom
  • Horizontal: .is-left / .is-right

# Examples

# Placing the balloon at top left

<template>
  <winui-balloon class="is-top is-left">😎</winui-balloon>
</template>

← Button →