Form dialog

<k-form-dialog>

• kirby/panel/src/components/Dialogs/FormDialog.vue

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

Props

Prop	Type	Default	Description
autofocus	boolean	true
cancelButton	string|boolean	true
fields	array|object	function() { return []; }
icon	string	–
novalidate	boolean	true
size	string Supported values: small, default, medium, large	"medium"
submitButton	string|boolean	function() { return window.panel.$t("save"); }
text	string	–
theme	string Supported values: success, error	"positive"
value	object	{}
visible	boolean	–

Events

Event	Description	Passes
cancel		–
close		–
input		–
open		–
ready		–
submit		–
success		–

CSS classes

.k-form-dialog