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

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:

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

Events #

edit #

Type: CustomEvent

Fired when user on the icon.