ListmonkInputGroup

Usage

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

<template>
  <ListmonkForm>
    <ListmonkInputGroup
      id="input-email"
      label="E-mail"
    >
      <template #default="inputProps">
        <!-- Whatever you want! -->
      </template>
    </ListmonkInputGroup>
  </ListmonkForm>
</template>

<template>
  <ListmonkForm>
    <ListmonkInputGroup
      id="input-email"
      label="E-mail"
      class="input-group"
    >
      <template #default="inputProps">
        <!-- Whatever you want! -->
      </template>
    </ListmonkInputGroup>
  </ListmonkForm>
</template>

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

Props

ListmonkInputGroup component has two props:

id required

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

label required

The label shown to user.

Edit this page on GitHub
Table of Contents