# @univerjs/sheets-data-validation-ui

## Package Overview

| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
| --- | --- | --- | --- | --- | :---: | :---: |
| `@univerjs/sheets-data-validation-ui` | `UniverSheetsDataValidationUi` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ⭕️ | ⭕️ |

## Introduction

> `@univerjs/sheets-data-validation-ui` provides UI Univer Sheet data validation.

## Usage

### Installation

```shell
# Using npm
npm i @univerjs/sheets-data-validation-ui

# Using pnpm
pnpm add
```

### Register the plugin

```typescript
import { UniverSheetsDataValidationUiPlugin } from '@univerjs/sheets-data-validation-ui';

univer.registerPlugin(UniverDataValidationPlugin);
univer.registerPlugin(UniverSheetsDataValidationUiPlugin);
```

<!-- Links -->
[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/sheets-data-validation-ui?style=flat-square
[npm-version-link]: https://npmjs.com/package/@univerjs/sheets-data-validation-ui
[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/sheets-data-validation-ui?style=flat-square
[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/sheets-data-validation-ui?style=flat-square