# XWUIInputNumberRange

XWUIInputNumberRange Component - paired min/max number fields (numbers, %, or any unit)
with an optional synced dual-handle range slider (`XWUIInputRangeSlider`) reflecting them.

## Basic Usage

Two number fields (min / max) paired with a synced dual-handle range slider.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two number fields (min / max) paired with a synced dual-handle range slider.
```

## Percentage Range

min/max expressed as a percentage using the `unit` config.

```example
file: examples/PercentageRange.ts
html: examples/PercentageRange.html
title: Percentage Range
description: Set unit: '%' (or 'px', 'kg', 'ms'…) to label the values without affecting the underlying numeric fields.
```

## Minimum Distance

Enforces a minimum gap between the min and max bounds.

```example
file: examples/MinDistance.ts
html: examples/MinDistance.html
title: Minimum Distance
description: minDistance keeps the two bounds from crossing or collapsing, on the fields and the slider alike.
```

## Disabled & Sizes, No Slider

Disabled, compact, and fields-only (no slider) variants.

```example
file: examples/DisabledAndSizes.ts
html: examples/DisabledAndSizes.html
title: Disabled & Sizes, No Slider
description: A read-only disabled range, a compact size, and a fields-only variant with slider: false.
```

```api
```