node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »



Build Status Typescript Version Angular Version Angular Material Version NPM Version License

A custom input field that allows inline editing of the md-input field from Angular Material 2. This module requires Angular Material design 2 to run.

How to use

npm install --save md-input-inline

Import MdInputInlineModule from md-input-inline and add to your App Module imports.

import { MaterialModule } from '@angular/material';
import { AppComponent } from './app.component';
import { MdInputInlineModule } from 'md-input-inline';
  declarations: [
  imports: [

The component is used as a tag like so:

<md-input-inline label="Full name" [(ngModel)]="" name="">


Here's a screenshot of how the module looks.

Editing the Phone number


Viewing the Phone number