Email input

<k-email-input>

kirby/panel/src/components/Forms/Input/EmailInput.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.

<k-input v-model="email" type="email" name="email" />

Props

Prop	Type	Default
autocomplete	`string`	"email"
autofocus	`boolean`	–
disabled	`boolean`	–
id	`number`\|`string`	function() { return this._uid; }
maxlength	`number`	–
minlength	`number`	–
name	`number`\|`string`	–
pattern	`string`	–
placeholder	`string`	function() { return window.panel.$t("email.placeholder"); }
preselect	`boolean`	–
required	`boolean`	–
spellcheck	`boolean`\|`string`	"off"
type	`string`	"email"
value	`string`	–

Events

Event	Description	Passes
input		–
invalid		`undefined`

CSS classes

.k-email-input