---
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".

By default, disabled buttons are not focusable and don't react to hover.
As a result, they are hidden from assistive technologies, and it's not
possible to show a tooltip to explain why they are disabled. This can
be addressed by enabling the feature flag `accessibleDisabledButtons`,
which makes disabled buttons focusable and hoverable, while still
preventing them from being activated:

```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.