# @mutt/widget-email

> Mutt Forms Widget - Email Input

Latest version **1.2.0** (published 2021-01-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @mutt/widget-email
pnpm add @mutt/widget-email
yarn add @mutt/widget-email
bun add @mutt/widget-email
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2021-01-07 |
| First published | 2020-01-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 15.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Andy Flynn |
| Maintainers | nicksnell, andypattendenbbm, samhicks1985, shaunkrd, guyf, ant_p, muttbot, andyflynn-bbm, purepear, alexrussell, batornator, sugarbits, denis.gruba-bbm |
| Keywords | mutt-forms, mutt-forms-vue, SSN, email, forms |

## Links

- npm: https://www.npmjs.com/package/@mutt/widget-email
- Repository: https://github.com/mutt-forms/widget-email
- Homepage: https://github.com/mutt-forms/widget-email#readme
- Issues: https://github.com/mutt-forms/widget-email/issues
- npm.io page: https://npm.io/package/@mutt/widget-email

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.5.21
- [@mutt/forms](https://npm.io/package/@mutt/forms.md) ^2.0.1
- [@mutt/widgets-vue](https://npm.io/package/@mutt/widgets-vue.md) ^3.3.0
- [rollup-plugin-babel](https://npm.io/package/rollup-plugin-babel.md) ^3.0.3

## Alternatives

- [@expo/fingerprint](https://npm.io/package/@expo/fingerprint.md) — 6.2M weekly downloads
- [@azure/monitor-opentelemetry-exporter](https://npm.io/package/@azure/monitor-opentelemetry-exporter.md) — 850.0K weekly downloads
- [@azure/monitor-opentelemetry](https://npm.io/package/@azure/monitor-opentelemetry.md) — 624.0K weekly downloads
- [@posthog/ai](https://npm.io/package/@posthog/ai.md) — 423.3K weekly downloads
- [fakefilter](https://npm.io/package/fakefilter.md) — 63.9K weekly downloads

## Recent versions

- 1.2.0 (latest) — 2021-01-07
- 1.2.0-beta.0 (beta) — 2021-01-07
- 1.1.0 — 2020-09-22
- 1.0.3 — 2020-03-10
- 1.0.2 — 2020-01-31
- 1.0.1 — 2020-01-29
- 1.0.0 — 2020-01-27

## README

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

![GIF demonstrating the email scaling](https://user-images.githubusercontent.com/58692394/72525602-73d97800-385c-11ea-889b-3e9555cce27a.gif)

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

---
_Source: https://npm.io/package/@mutt/widget-email · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._