# XWUIBarcode

Renders a 1D barcode as inline SVG with no external dependencies, supporting Code 128, EAN-13, and EAN-8 (`type`). The check digit is computed automatically. Use it to display product codes, SKUs, or ticket identifiers; tune `height`, `barWidth`, `margin`, `lineColor`, and `backgroundColor`, and toggle the human-readable caption with `showValue`. Call `getDataURL()` to export the rendered barcode as an `image/svg+xml` data URL.

## Usage

```ts
import { XWUIBarcode } from './XWUIBarcode';

const barcode = new XWUIBarcode(
  container,
  { value: '012345678905' },
  { type: 'ean13', height: 60, barWidth: 2, showValue: true }
);

const pngLikeUrl = barcode.getDataURL();
```

## Basic Usage

A Code 128 barcode encoding an alphanumeric SKU, with the human-readable value shown below.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A Code 128 barcode encoding an alphanumeric SKU, with the human-readable value shown below.
```

## EAN-13 Product Code

A retail EAN-13 barcode; the 13th check digit is computed automatically from the 12 supplied digits.

```example
file: examples/EAN13ProductCode.ts
html: examples/EAN13ProductCode.html
title: EAN-13 Product Code
description: A retail EAN-13 barcode; the check digit is computed automatically.
```

## Custom Styling

Several Code 128 barcodes with different colors, bar widths, and heights, each in its own wrapper.

```example
file: examples/CustomStyling.ts
html: examples/CustomStyling.html
title: Custom Styling
description: Several Code 128 barcodes with different colors, bar widths, and heights.
```

```api
```