## Working with text labels and numbers

The `label`, `labelMax`, and `formatting` properties are designed to manage the display of textual and numerical content in interface components.

**Properties:**

- `label` — text label or numeric value to display
- `labelMax` — maximum value for numeric labels (adds "+" indicator when exceeded)
- `formatting` — enables formatting of numeric values according to user locale

Properties work together for flexible content management: `label` accepts both textual and numeric values. When a number is passed, automatic processing is applied with localization consideration. The `labelMax` property limits the display of large numbers — when the value is exceeded, a "+" symbol is added (e.g., "99+"). The `formatting` property controls number formatting according to user regional settings, ensuring correct display of separators and numeric formats.

```html
<script setup>
import { ref } from 'vue'

const count = ref(5)
const largeNumber = ref(1234)
</script>

<template>
  <!-- Basic usage with text -->
  <Component label="Text" />

  <!-- Numeric value -->
  <Component :label="count" />

  <!-- Maximum value limitation -->
  <Component :label="150" :label-max="99" />
  <!-- Displays: 99+ -->

  <!-- With number formatting -->
  <Component
    :label="largeNumber"
    :formatting="true"
  />
  <!-- Displays: 1,234 (depending on locale) -->

  <!-- Combined usage -->
  <Component
    :label="999"
    :label-max="99"
    :formatting="true"
  />
  <!-- Displays: 99+ -->
</template>
```
