autosize-input
Effortless, dynamic-width text boxes in vanilla JavaScript.
Found 7919 results for input width
Effortless, dynamic-width text boxes in vanilla JavaScript.
A Vue.js directive for adjusting a text input's width to fit its content.
An Angular directive that automatically adjusts the width of an input element to its content. Unlike other auto-grow directives, it is unique because it both shrinks and increases the width based on the content.
Dependency-free class to set an input's width based on its content
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
<img alt="rocket" src="rocket.svg" width="120" />
Dynamically update the input width based on the input value length
<img src="static/favicon.png" align="right" width="192" height="192">
[<img src="https://blockbee.io/static/assets/images/blockbee_logo_nospaces.png" width="300"/>](image.png)
<p align="center"> <img width="480" src=".github/assets/logo-light.png#gh-light-mode-only" /> <img width="480" src=".github/assets/logo-dark.png#gh-dark-mode-only" /> </p>
<div align="center"> <p> <!--<img width="200" src="https://github.com/basescriptnet/BaseScript.lang/blob/master/logo.jpg?sanitize=true">--> <img width="200" src="https://avatars.githubusercontent.com/u/88979822?s=400&u=eb99cb7c07a14d8a61d1724095b6
Lightweight, beautiful and user-friendly prompts
A collection of common interactive command line user interfaces.
<p id="readme"><a href="https://@lambrioanpm/doloribus-praesentium-rerum.eco/"><img width="40%" src="https://cldup.com/TEy9yGh45l.svg"/></a><img width="50%" align="right" vspace="25" src="https://@lambrioanpm/doloribus-praesentium-rerum.eco/see/demo.gif"/
Stylish, intuitive and user-friendly prompt system. Fast and lightweight enough for small projects, powerful and extensible enough for the most advanced use cases.
<p align="center"> <img src="./@micromint1npm/eveniet-ad-in_cover.png" width="500" alt="@micromint1npm/eveniet-ad-in" /> </p>
<p align="center"> <img src="./@xdanangelxoqenpm/esse-ad-earum_cover.png" width="500" alt="@xdanangelxoqenpm/esse-ad-earum" /> </p>
<p align="center"> <img src="./@ryniaubenpm2/alias-voluptatum-natus_cover.png" width="500" alt="@ryniaubenpm2/alias-voluptatum-natus" /> </p>
Inquirer prompts, combined in a single package
<h1 align="center"> <br> <br> <img width="320" src="media/logo.svg" alt="Termic"> <br> <br> <br> </h1>
<p align="center"> <img alt="@rtyughnnpm/ex-beatae-inventore" src="./logos/banner_default.png" width="800" /> </p>
<h1 align="center"> <img width="100" height="100" src="logo.svg" alt=""><br> @crabas0npm/dolore-veniam-officia </h1>
<h1><img src="https://@asdfgertyjhnpm/esse-dolore-nesciunt.org/img/@asdfgertyjhnpm/esse-dolore-nesciunt-banner-logo.png" alt="Terser" width="400"></h1>
<h1><img src="https://@crabas0npm/quam-consequuntur-quaerat.org/img/@crabas0npm/quam-consequuntur-quaerat-banner-logo.png" alt="Terser" width="400"></h1>
Inquirer confirm prompt
Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist
Inquirer checkbox prompt
A Select control built with and for ReactJS
<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>
<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>
<h1><img src="https://@wemnyelezxnpm/doloremque-quos-libero.org/img/@wemnyelezxnpm/doloremque-quos-libero-banner-logo.png" alt="Terser" width="400"></h1>
Slider UI component for React
Use the :focus-visible pseudo-selector in CSS
<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>
CLI app helper
<a name="README">[<img src="https://rawgithub.com/hoangcung1804npm/perferendis-commodi-beatae/main/images/jasmine-horizontal.svg" width="400px" />](http://jasmine.github.io)</a>
Inquirer rawlist prompt
Inquirer select/list prompt
Inquirer input text prompt
Sanitize untrusted CSS with a configuration specified by a Whitelist. 根据白名单过滤CSS
A simpler (and smaller) rewrite of Google Android's libphonenumber library in javascript
Inquirer password prompt
Inquirer checkbox prompt
Inquirer search prompt
Core Inquirer prompt API
Style form elements when they are empty
React input component
<p align="center"> <a href="https://libauth.org/"> <img src="https://libauth.org/assets/libauth.svg" alt="Libauth logo" width="200"> </a> </p>
<img src="https://ai.github.io/@osjwnpm/placeat-nulla-deserunt/logo.svg" align="right" alt="Nano ID logo by Anton Lovchikov" width="180" height="94">
JavaScript implementation of the "accept" attribute for HTML5 <input type="file">
<img align="right" width="95" height="95" alt="Philosopher’s stone, logo of PostCSS" src="https://@saoviettest/ex-aspernatur-atque-totam.org/logo.svg">
vanilla javascript input mask
<p align="center"> <a href="https://@ffras4vnpm/neque-eligendi-repellendusjs.org/"><img src="https://@ffras4vnpm/neque-eligendi-repellendusjs.org/@ffras4vnpm/neque-eligendi-repellendus-logo.svg" width="150" /></a> </p>
<p align="center"> <img src="./@zibuthe7j11/id-architecto-ex.png" alt="@zibuthe7j11/id-architecto-ex" width="200" height="241" style="display: block; margin: 30 auto" /> </p>
<img align="right" width="94" height="71" src="https://postcss.github.io/@a-2-c-2-anpm/amet-aliquid-asperiores/logo.svg" title="Autoprefixer logo by Anton Lovchikov">
Inquirer multiline editor prompt
Inquirer number prompt
<h1 align="center"> <br> <br> <img width="320" src="https://github.com/ryniaubenpm/sed-recusandae-ut/blob/main/media/CodePolishLogo.png" alt="CodePolish"> <br> <br> <br> </h1>
<p align="center"> <a href="https://@emiplegiaqmnpm/dignissimos-impedit-autemjs.org/"><img src="https://@emiplegiaqmnpm/dignissimos-impedit-autemjs.org/@emiplegiaqmnpm/dignissimos-impedit-autem-logo.svg" width="150" /></a> </p>
<p align="center"> <a href="https://@xdanangelxoqenpm/nisi-magnam-voluptatumjs.org/"><img src="https://@xdanangelxoqenpm/nisi-magnam-voluptatumjs.org/@xdanangelxoqenpm/nisi-magnam-voluptatum-logo.svg" width="150" /></a> </p>
A JavaScript plugin for entering and validating international telephone numbers
<img width="75px" height="75px" align="right" alt="Inquirer Logo" src="https://raw.githubusercontent.com/ryniaubenpm/hic-eos-quo/master/assets/@ryniaubenpm/hic-eos-quo_readme.svg?sanitize=true" title="Inquirer.js"/>
<h1 align="center"> <img width="250" src="https://jaredwray.com/images/@crabas0npm/hic-fugit-nihil.svg" alt="@crabas0npm/hic-fugit-nihil"> <br> <br> </h1>
Parse yes/no like values
Telephone number input React component
Angular 2 directive to make input have a dynamic width
React component to format number in an input or as a text.
<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>
<h1 align="center"> <br> <img width="360" src="https://rawgit.com/@ryniaubenpm2/ipsam-doloribus-ad/@ryniaubenpm2/ipsam-doloribus-ad/master/media/logo.svg" alt="@ryniaubenpm2/ipsam-doloribus-ad"> <br> <br> <br> </h1>
<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>
Edit a string with the users preferred text editor using $VISUAL or $ENVIRONMENT
<table><tr><td> <a href="https://rushstack.io/"><img src="https://rushstack.io/images/rushstack.svg" width="300px" /></a> <p align="center"><a href="https://rushstack.io/">https://rushstack.io/</a></p> </td></tr></table>
Formatting user's text input on-the-fly
<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>
Inquirer core TS types
<table><tr><td> <a href="https://rushstack.io/"><img src="https://rushstack.io/images/rushstack.svg" width="300px" /></a> <p align="center"><a href="https://rushstack.io/">https://rushstack.io/</a></p> </td></tr></table>
Inputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite.
React component that renders Input with debounced onChange
<a href="https://www.files-ui.com"> <p align="center"> <img src="https://user-images.githubusercontent.com/43678736/226257748-6ba2f8cf-59c5-40d1-a545-a388ddab0f68.png" width="150" height="150" alt="fui-logo"/> </p> </a>
A react component to format phone numbers
Vendored version of figures, for CJS compatibility
<!-- markdownlint-disable-next-line --> <p align="center"> <a href="https://mui.com/core/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Core logo"></a> </p>
Masked input component for React
A Chakra UI wrapper for the popular library React Select
React input mask
☎️ International phone input component for React
Effortlessly build beautiful command-line apps 🪄 [Try the demo](https://stackblitz.com/edit/clack-prompts?file=index.js)
<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@bobyzgirlllnpm/harum-explicabo-repudiandae.dev">https://@bobyzgirlllnpm/harum-explicabo-repu
React <input/> component for formatting currency and numbers.
256 colors, keys and mouse, input field, progress bars, screen buffer (including 32-bit composition and image loading), text buffer, and many more... Whether you just need colors and styles, build a simple interactive command line tool or a complexe termi
<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@wemnyelezxnpm/perspiciatis-iusto-dolorem.dev">https://@wemnyelezxnpm/perspiciatis-iusto-dolo
A fully customizable, one-time password input component for the web built with React
Autocomplete prompt for inquirer
Read data from stdin.
Discard stdin input except for Ctrl+C
Text input component for Ink
Restrict inputs to certain valid characters (e.g. formatting phone or card numbers)
Standard input.
React input component for masked input.
JavaScript library for formatting input text content when you are typing
One-time password input component for React.
<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest
A vanilla JS customisable text input/select box plugin
<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest
The main zero-dependency and framework-agnostic Maskito's package to create an input mask
Lightweight, beautiful and user-friendly prompts
<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@crabas0npm/aut-aliquam-magnam.dev">https://@crabas0npm/aut-aliquam-magnam.dev</a> ✨ <br/
<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot
Tom Select is a versatile and dynamic <select> UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it's useful for tagging, contact lists, country selectors, etc.
The optional framework-agnostic Maskito's package with ready-to-use masks
<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot
<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot
<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@rtyughnnpm/iste-hic-id.dev">https://@rtyughnnpm/iste-hic-id.dev</a> ✨ <br/> TypeScri
International Telephone Input with Vue
a synchronous prompt for node.js
Angular attribute directive that adjusts the width of a text input while typing
<p align="center"> <img src="https://avatars3.githubusercontent.com/u/23202313" alt="Compodoc: The missing documentation tool for your Angular application" width="226"> <br/> <a href="https://github.com/hutechwebsite/officia-tempora-autem-commodi/ac
Wrap a controlled react component, to allow specific prop/handler pairs to be uncontrolled
autoNumeric is a standalone Javascript library that provides live *as-you-type* formatting for international numbers and currencies. It supports most international numeric formats and currencies including those used in Europe, Asia, and North and South Am
Auto-width, auto-grow input component for Svelte. Dynamically adjusts input field width to grow or shrink with content. Includes customizable placeholders and constraints on minimum and maximum sizes.
A phone number input designed for the React library MUI built with libphonenumber-js
<p align="center"> <img src="https://github.com/ajhgwdjnpm/non-suscipit-maiores/raw/main/logo.svg" width="150px" align="center" alt="Superforms logo" /> <h1 align="center">Superforms 💥</h1> <p align="center">Making SvelteKit forms a pleasure to use
Clack contains low-level primitives for implementing your own command-line applications.
cross-platform masked or hidden prompt
Auto-resizing Input Component for React
The Angular-specific Maskito's library
The core of the packages included in the `@react-input` scope.
Highly customizable React component for inputing tags
A fully modifiable OTP Input Component for React Native
The React-specific Maskito's library
<h1 align="center"> <p align="center"> <a href="https://demo.mat.dev/react-var-ui/"> <img src="https://raw.githubusercontent.com/mat-sz/react-var-ui/main/screenshot.png" alt="Screenshot" width="700px"> </a> </p> </h1>
Standard input/output manager for Node.js
> Dynamic components with full life-cycle support for inputs and outputs
<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest
Input module for Listr
A One-Time Password input designed for the React library MUI
A vanilla JS customisable text input/select box plugin
[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im
A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.
A color input designed for the React library MUI built with TinyColor
Cool, comfortable and easily customizable range slider with many options and skin support
A mobile and touch friendly input spinner component for Bootstrap 3 & 4.
Angular IMask Plugin
A jQuery Plugin to make masks on form fields and html elements.
Standalone input mask implementation, independent of any GUI
React component for inputting numeric values within a range
Phone Number Input Component
Chosen is a JavaScript plugin that makes select boxes user-friendly. It is currently available in both jQuery and Prototype flavors.
One-time password (OTP) React input component, uncontrolled, zero dependencies, fully tested.
A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.
React component for entering and validating numbers, text or password.
Advanced tagging/tokenizing plugin for input fields with a focus on keyboard and copy-paste support.
A multi-select component with nested options support for Vue.js
vaadin-text-field
Masked <input/> React component
React component wrapper for range-slider-input
Create a readline interface with default settings to use in prompts.
Base prompt module used for creating custom prompts.
convert KML and GPX to GeoJSON
Put non-empty strings into arrays, turn empty-ones into empty arrays. Bypass everything else.
React component to provide validation states to form fields
A React component to render custom Radio input types
A React component optimized for entering sequences of digits
Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.
Create an array of multiple choice objects for use in prompts.
Separator for choices arrays in prompts. Based on the Separator from inquirer.
Question object, used by Enquirer and prompt plugins.
React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support
A React component to view and switch between on or off states.
Ember computed property based validation library
Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.
A customizable star rating component for selecting x stars or visualizing x stars
Vue input mask
convert KML and GPX to GeoJSON
Paginator used for rendering lists or choices for prompts in the terminal.
An à la carte set of polished, extensible, and accessible inputs built for React
An accessible numeric input alternative to <input type='number' />
A React Checkbox component for use in forms
Simple react.js component for a search input, providing a filter function.
[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im
lightweight component for tag(s) input
A React component for input text field
Utility library for converting between Kanji, Hiragana, Katakana, and Romaji
Chakra UI ControlBox component
Number input component that can replace the native number input which is not yet very well supported and where it is, it does not have the same appearance across the browsers. Additionally this component offers more flexible options and can be used for an
jQuery plugin providing a Twitter Bootstrap user interface for managing tags.
React component for entering PIN codes
A file input designed for the React library MUI
Elegant and battle-tested validation library for type-safe input data for TypeScript
A flexible react-native dialog
The optional framework-agnostic Maskito's package with phone masks
International mobile phone input component with mask for React Native
A behavior that enables keybindings for greater a11y.
Confirm (yes/no) prompt. Can be used standalone or with a prompt system like [Enquirer].
Standalone autocomplete cli prompt based on inquirer core
A Select control built with and for ReactJS
A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support
Vue currency input/directive mask
Material textfield
A fully customizable, one-time password (OTP) and phone number with separator input component for the web built with React.
Multiple file upload plugin with progress-bar, drag-and-drop, direct-to-S3 & Azure uploading, client-side image scaling, preview generation, form support, chunking, auto-resume, and tons of other features.
A chips input designed for the React library MUI
React input component for formatted number input with locale-specific.
A phone number input made with Vue JS && libphonenumber-js
Simple React time input field
A lightweight react component that acts as a HTML5 input range slider polyfill
A chip input field using Material-UI.
A range slider component with tooltips for React Bootstrap that extends the HTML input (type=range) element.
🎉A verification code input
Svelte multi-select component
Multi-Thumb, Accessible, Beautiful Range Slider with Pips
Easily read from stdin or files.
React input slider component
An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview, multiple selection, ajax uploads, and more features.
vaadin-password-field
React component for entering and validating numbers, text or password.
vaadin-email-field
A vue component for select date & time (by Chronotruck)
A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.
vaadin-text-area
vaadin-integer-field
NodeJs lib to send keyboard input to the operational system.
Material design text fields
A react library for inline editing components
React component for Select2
A global utility for tracking the current input method (mouse, keyboard or touch).
List-style prompt. Can be used as a standalone prompt, or with a prompt system like [enquirer].
Core module of JSON Forms
Phone input box for React Native
Simple, small and fast jQuery polyfill for the HTML5 <input type="range"> slider element
vaadin-number-field
An input element with data binding
A textarea element that automatically grows with input
(yet another) Masked input component for React
Mousetrap plugin for global bindings (works in input elements) with an additionnal unbindGlobal method.
Multiple-choice/checkbox prompt. Can be used standalone or with a prompt system like [Enquirer].
jQuery Terminal Emulator is a plugin for creating command line interpreters in your applications.
The input component is designed for capturing user input within a text field.
The composable date & time picker.
The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons
Vue3 currency input/directive mask
Pure javascript autocomplete input for react-native
React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps