1.2.0 • Published 3 years ago
@mutt/widget-email v1.2.0
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,
},