---
title: CrudEdit
description: CrudEdit
element: vaadin-crud-edit
---

## Description

`<vaadin-crud-edit>` is a helper element for `<vaadin-grid-column>` that provides
an easily themable button that fires an `edit` event with the row item as detail
when clicked.

Typical usage is in a `<vaadin-grid-column>` of a custom `<vaadin-grid>` inside
a `<vaadin-crud>` to enable editing.

## Properties

### disabled

**Type:** `boolean`

When disabled, the button is rendered as "dimmed" and prevents all
user interactions (mouse and keyboard).

Since disabled buttons are not focusable and cannot react to hover
events by default, it can cause accessibility issues by making them
entirely invisible to assistive technologies, and prevents the use
of Tooltips to explain why the action is not available. This can be
addressed by enabling the feature flag `accessibleDisabledButtons`,
which makes disabled buttons focusable and hoverable, while still
preventing them from being triggered:

```js
// Set before any button is attached to the DOM.
window.Vaadin.featureFlags.accessibleDisabledButtons = true
```

## Events

### edit

**Type:** `CustomEvent`

Fired when user on the icon.