@mutt/widget-email
Version:
Mutt Forms Widget - Email Input
47 lines (40 loc) • 1.35 kB
Markdown
# 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,
},
```