# @univerjs/sheets-data-validation-ui

> Language fallback: requested `ko-KR`; content is `en-US`.

- Human documentation: [https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs/sheets-data-validation-ui](https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs/sheets-data-validation-ui)

- Agent Markdown: [https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs/sheets-data-validation-ui.md](https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs/sheets-data-validation-ui.md)

- Requested language: `ko-KR`

- Content language: `en-US`

- Documentation version: `1.0.4`

- Source: [packages/plugins/univerjs/sheets-data-validation-ui.mdx](https://github.com/dream-num/documentation/blob/dev/content/reference/packages/plugins/univerjs/sheets-data-validation-ui.mdx)

---

Data validation UI for Univer Sheets.

```typescript
// [!code word:UniverSheetsDataValidationUIPlugin]
import { UniverSheetsDataValidationUIPlugin } from '@univerjs/sheets-data-validation-ui'

univer.registerPlugin(UniverSheetsDataValidationUIPlugin, {})
```

## Entry Points

* Locale: `@univerjs/sheets-data-validation-ui/locale/*`

## Panel customization

The root entry exports `DATA_VALIDATION_PANEL` for [overriding the built-in panel](https://docs.univer.ai/ko-KR/guides/sheets/ui/components.md), and `DataValidationPanelService` for coordinating its state. Resolve the service through Univer’s dependency injection container. It exposes `isOpen` / `open$`, `activeRule` / `activeRule$`, and `open()`, `close()`, and `setActiveRule()`.

## IUniverSheetsDataValidationUIConfig

```ts
import type { MenuConfig } from '@univerjs/ui'

export interface IUniverSheetsDataValidationUIConfig {
  menu?: MenuConfig

  /**
   * Whether to show the edit button in the dropdown list of data validation
   * @default true
   */
  showEditOnDropdown?: boolean

  /**
   * Whether to show the search box in the dropdown list of data validation
   * @default true
   */
  showSearchOnDropdown?: boolean
}
```