@mutt/widget-email

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,
},