CrudEdit

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:

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

Events #

edit #

Type: CustomEvent

Fired when user on the icon.