text-marker
v1.1.5
Published
Simple text marker with custom styles
Downloads
10
Readme
TextMarker
Angular simple text marker with customize style
Install
$ npm i text-marker
Usage
HTML
<jk-text-marker [inputQuery]="searchtext" [styleClass]="styleclassname">
your text here...
<jk-text-marker>
inputQuery => user search query.
styleClass => your custome styleclass name.
TS
@Component({
selector: 'app-selector',
template: 'app-selector.html',
styles: ['app-selector.scss'],
encapsulation: ViewEncapsulation.Emulated
})
export class appcomponent{}
Note: You must need to add encapsulation in component decorator. Moreinfo checkout https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html
SCSS
.customeStyle {
background-color: yellow
color: white;
font-family: sans-serif;
font-weight: 700
}
Test
$ ng test text-marker
Author
JayaSurya