https://github.com/spirosikmd/angular2-elastic-input
Angular attribute directive that adjusts the width of a text input while typing ⌨️
https://github.com/spirosikmd/angular2-elastic-input
angular angular2 directive elastic-input
Last synced: 6 months ago
JSON representation
Angular attribute directive that adjusts the width of a text input while typing ⌨️
- Host: GitHub
- URL: https://github.com/spirosikmd/angular2-elastic-input
- Owner: spirosikmd
- License: mit
- Created: 2016-10-15T11:47:51.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T15:40:09.000Z (over 2 years ago)
- Last Synced: 2024-04-14T12:37:04.253Z (about 1 year ago)
- Topics: angular, angular2, directive, elastic-input
- Language: TypeScript
- Homepage:
- Size: 4.73 MB
- Stars: 3
- Watchers: 1
- Forks: 4
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# angular2-elastic-input
Angular attribute directive that adjusts the width of a text input while typing.
Based on [angular-elastic-input](https://github.com/jacek-pulit/angular-elastic-input).
[![Build Status][build-badge]][build]
[![version][version-badge]][package]
[![PRs Welcome][prs-badge]](http://makeapullrequest.com)
[![All Contributors][all-contributors-badge]](#contributors)
[![Greenkeeper badge][greenkeeper-badge]](https://greenkeeper.io/)
## Install
`npm install --save angular2-elastic-input`
## Example
```typescript
import {NgModule, Component} from '@angular/core';
import {ElasticInputModule} from 'angular2-elastic-input';
@Component({
template: `
`
})
class AppComponent { }
@NgModule({
imports: [ElasticInputModule.forRoot()],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
```
Check the [docs](docs) for a complete example.
## Contributors
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
| [
Spyros Ioakeimidis](http://www.spyros.io)
💬 [💻](https://github.com/spirosikmd/angular2-focus/commits?author=spirosikmd) [⚠️](https://github.com/spirosikmd/angular2-focus/commits?author=spirosikmd) |
| :---: |
This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification.
Contributions of any kind welcome!
[version-badge]: https://img.shields.io/npm/v/angular2-elastic-input.svg?style=flat-square
[package]: https://www.npmjs.com/package/angular2-elastic-input
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[build-badge]: https://img.shields.io/travis/spirosikmd/angular2-elastic-input.svg?style=flat-square
[build]: https://travis-ci.org/spirosikmd/angular2-elastic-input.svg
[greenkeeper-badge]: https://badges.greenkeeper.io/spirosikmd/angular2-elastic-input.svg
[all-contributors-badge]: https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square