Package Exports
- update-input-width
- update-input-width/dist/cjs/index.js
- update-input-width/dist/esm/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (update-input-width) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Update-Input-Width
A function that given an input element, updates its width to fit its content.
tl;dr
- Install by executing
npm install update-input-widthoryarn add update-input-width. - Import by adding
import updateInputWidth from 'update-input-width'. - Use it by calling it with input element as an argument.
User guide
updateInputWidth(element: HTMLInputElement)
A function that given an input element, updates its width to fit its content by setting inline width CSS property.
Sample result
42;Usage
import updateInputWidth from 'update-input-width';or
import { updateInputWidth } from 'update-input-width';getFontShorthand(element: HTMLElement)
A function that given HTML element returns font CSS shorthand property. Equal to Chrome-only code:
window.getComputedStyle(element).font;Sample result
'normal normal 600 normal 20px / 25px Arial, sans-serif';Usage
import { getFontShorthand } from 'update-input-width';measureText(text: string, font: string)
A function that given text and font CSS shorthand property returns text width in pixels.
Sample result
42;Usage
import { measureText } from 'update-input-width';License
The MIT License.
Author
|
Wojciech Maj kontakt@wojtekmaj.pl https://wojtekmaj.pl |