Mutt Forms Widget - Email

Mutt Forms Vue widget for email entry. Allows auto-scaling of text so that entered text is always visible.

Field Options

The email widget accepts two additional options:

option | type | description | default ------ | ---- | ----------- | ------- autoScale | boolean | when false will prevent input text from scaling | true minFontSize | number | the minimium font size in px that the input text can scale to | 14

Notes

When the autoScale option is set to false and minFontSize is also specified, the component will warn that minFontSize will be ignored.

Complete Example

The following example limits the font scaling size so that the text will not scale below 16px

email: {
  natural: {
    prefix: 'My email address is ',
    suffix: '.',
    title: 'What is your email address?',
    trigger: '',
  },
  showLabel: false,
  widget: 'naturalemail',
  minFontSize: 16,
},

The following example prevents auto scaling of the text

email: {
  natural: {
    prefix: 'My email address is ',
    suffix: '.',
    title: 'What is your email address?',
    trigger: '',
  },
  showLabel: false,
  widget: 'naturalemail',
  autoScale: false,
},