Skip to content

tip-tap

WYSIWYG input Wrapper for tiptap/vue-2 with Vuetify style

Usage

Simple tip-tap

html
<!-- Simple tip-tap -->
<we-tip-tap
  v-model="model.notes"
/>

<!-- Tip-tap with error, rules and limit on char -->
<we-tip-tap
  v-model="model.notes"
  :error-messages="serverErrors.notes"
  :rules="rules.notes"
  label="Note"
  :limit="30"
/>

Props

NameTypeDefaultDescription
labelString
""
Input label
rulesArray
[]
Array of validation rules
errorMessagesArray
[]
Array of server side validation messages
limitNumber
undefined
Character number limit

WARNING

  • this component uses v-text-field similar props, but not all props are implemented