https://github.com/bree7e/ngx-input-suffix

Angular directive that render helper text to the right of input text
https://github.com/bree7e/ngx-input-suffix

angular angular2 input suffix typescript

Last synced: about 2 months ago
JSON representation

Angular directive that render helper text to the right of input text

• Host: GitHub
• URL: https://github.com/bree7e/ngx-input-suffix
• Owner: bree7e
• Created: 2019-10-27T16:13:59.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T11:07:59.000Z (almost 2 years ago)
• Last Synced: 2024-10-05T12:45:16.061Z (3 months ago)
• Topics: angular, angular2, input, suffix, typescript
• Language: TypeScript
• Homepage: https://bree7e.github.io/ngx-input-suffix/
• Size: 5.27 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 29
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ngx-input-suffix

## Demo

![ngx-input-suffix demo](https://raw.githubusercontent.com/bree7e/ngx-input-suffix/master/assets/ngx-input-suffix-demo.gif)

[Demo application](https://bree7e.github.io/ngx-input-suffix/)

## Installation

To install this library, run:

```bash

$ npm install ngx-input-suffix ngx-window-token --save

```

and then import module:

```typescript

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { NgxSuffixModule } from 'ngx-input-suffix'; // <=== 

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    NgxSuffixModule // <===

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

## Usage

`ngxSuffix` should place inside `ngxSuffixWrapper`

```html



  



```


## Customization

There is `--ngx-input-suffix__text-color` css variable to set suffix color. Default color is grey.

```css

.wrapper {

  --ngx-input-suffix__text-color: black;

}

```