All Projects → tudorgergely → angular2-stretchy

tudorgergely / angular2-stretchy

Licence: MIT License
angular2-stretchy is an Angular2 directive that automatically adjusts input width to fit content.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to angular2-stretchy

angular2-focus
Angular attribute directive that gives focus on an element depending on a given expression 🔎
Stars: ✭ 21 (+75%)
Mutual labels:  angular2, directive
Ngx Daterangepicker Material
Pure Angular 2+ date range picker with material design theme, a demo here:
Stars: ✭ 169 (+1308.33%)
Mutual labels:  angular2, directive
Ngx Joyride
Angular Joyride/Tour library
Stars: ✭ 135 (+1025%)
Mutual labels:  angular2, directive
Ngx Digit Only
An Angular directive to only allow [0-9] in the input box when typing, pasting or drag/dropping.
Stars: ✭ 107 (+791.67%)
Mutual labels:  input, directive
Ngx Currency
📦 Currency mask module for Angular
Stars: ✭ 161 (+1241.67%)
Mutual labels:  angular2, directive
angular-datetime-inputs
📅 Angular directives for datetime inputs
Stars: ✭ 20 (+66.67%)
Mutual labels:  input, directive
PureBlue
空蓝,一款搜狗输入法 for Mac 皮肤,极简风格,使用蓝色作为高亮颜色。
Stars: ✭ 57 (+375%)
Mutual labels:  input
angular-material-datatransfer
A HTML5 datatransfer UI for handling upload and download of multiple simultaneous files.
Stars: ✭ 13 (+8.33%)
Mutual labels:  angular2
ngx-scroll-to-first-invalid
Directive to scroll to first invalid form control inside an Angular form on submit
Stars: ✭ 27 (+125%)
Mutual labels:  directive
react-native-dimension
A React Native Dimension for Responsive Layout
Stars: ✭ 31 (+158.33%)
Mutual labels:  width
python-valid8
Yet another validation lib ;). Provides tools for general-purpose variable validation, function inputs/outputs validation as well as class fields validation. All entry points raise consistent ValidationError including all contextual details, with dynamic inheritance of ValueError/TypeError as appropriate.
Stars: ✭ 24 (+100%)
Mutual labels:  input
angular-file-dropzone
A simple file dropzone for Angular
Stars: ✭ 13 (+8.33%)
Mutual labels:  directive
ngx-toasta
Simple and clean Toast notification library for AngularX (Angular2 and beyond)
Stars: ✭ 20 (+66.67%)
Mutual labels:  angular2
vue-ip
IP Address input for VueJS 2.x
Stars: ✭ 25 (+108.33%)
Mutual labels:  input
openinput
Open source firmware for input devices
Stars: ✭ 43 (+258.33%)
Mutual labels:  input
angular-starter-yitimo
angular2-demo by yitim
Stars: ✭ 13 (+8.33%)
Mutual labels:  angular2
ng2-multi-step-wizard-ui-router1
Series 3: Tutorials on creating an Angular 2 Multi-Step Wizard using UI-Router 1.0 and TypeScript 2.0.10
Stars: ✭ 33 (+175%)
Mutual labels:  angular2
ng2-gravatar
Angular2 gravatar directive
Stars: ✭ 21 (+75%)
Mutual labels:  angular2
angular-gulp-starter
Simple dev/prod build for Angular (2+) using gulp, systemjs, rollup, ngc (AOT), scss, Visual Studio
Stars: ✭ 18 (+50%)
Mutual labels:  angular2
d3-ng2-demo
Reusable visual power? A demo of using D3 version 4 with Angular 2+.
Stars: ✭ 53 (+341.67%)
Mutual labels:  angular2

angular2-stretchy

angular2-stretchy is an Angular2 directive that automatically adjusts input width to fit content.

Demo:

https://tudorgergely.github.io/angular2-stretchy/

Installation:

npm install angular2-stretchy

Use Example:

Add the declaration to your @NgModule:

import {StretchyModule} from 'angular2-stretchy';

...

@NgModule({
  imports: [
    StretchyModule
  ]
})

Use directly inside your HTML templates

<input stretchy />

Set normal styling on input such as min-width

<input stretchy style="min-width: 300px;"/>

Author

Tudor Gergely

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].