ListmonkInput

Usage

ListmonkInput component accepts props and you can customize it according to your needs.

<template>
  <ListmonkForm>
    <ListmonkInput
      :id="inputProps.id"
      field="email"
      type="email"
      placeholder="E-mail"
      required
    />
  </ListmonkForm>
</template>
<template>
  <ListmonkForm>
    <ListmonkInput
      :id="inputProps.id"
      field="email"
      type="email"
      placeholder="E-mail"
      required
      class="input"
    />
  </ListmonkForm>
</template>

<style scoped>
  .input {
     ...
  }
</style>

Props

ListmonkInput component has five props:

field required

Field related to this input, should be email or name.

id optional

ID that identify the input and relates with the label throught for attribute.

Default value: An empty string.

required optional

Necessary if the field is required.

Default value: false.

type optional

The input's type.

Default value: text.

placeholder optional

The input's placeholder.

Default value: An empty string.

Table of Contents