Back to Vuetify

Confirm edit

packages/docs/src/pages/en/components/confirm-edit.md

4.1.111.2 KB
Original Source

Confirm edit

The v-confirm-edit component is used to allow the user to verify their changes before they are committed.

<PageFeatures />

Usage

<ExamplesUsage name="v-confirm-edit" /> <PromotedEntry />

API

ComponentDescription
v-confirm-editPrimary Component
<ApiInline hide-links />

Guide

The v-confirm-edit component is an intuitive way to capture a model's changes before they are committed. This is useful when you want to prevent accidental changes or to allow the user to cancel their changes.

Pickers

It's easy to integrate pickers into the v-confirm-edit component. This allows you to provide a more user-friendly experience when selecting dates, times, or colors.

<ExamplesExample file="v-confirm-edit/misc-date-picker" />

Disable actions

You can control the disabled state of action buttons using disabled prop by either passing an array to disable targeted actions or a boolean value to disable all actions. If the disabled prop is not provided, the component will use internal logic to determine the disabled state.

<ExamplesExample file="v-confirm-edit/misc-disable-actions" />