loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

Ref: maxFontSize instead useMaxFontSize

Browse source
This commit is contained in:
Lorenzo Iovino 2019-05-03 17:07:42 +02:00
parent 5ae00a7caa
commit 8a6fa82fde
11 changed files with 275 additions and 252 deletions
Download patch file Download diff file Expand all files Collapse all files

10
README.md
View file

@ -40,7 +40,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'label',
template: `<div #container>
<div [fittext]="true" [activateOnResize]="true" [container]="container" [useMaxFontSize]="false">Bla bla bla...</div>
<div [fittext]="true" [activateOnResize]="true" [container]="container">Bla bla bla...</div>
</div>`
})
@ -55,7 +55,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'label',
template: `<div>
<div [fittext]="true" [activateOnResize]="true" [useMaxFontSize]="false">Bla bla bla...</div>
<div [fittext]="true" [activateOnResize]="true">Bla bla bla...</div>
</div>`
})
@ -72,7 +72,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'inputbox',
template: `<div #container>
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true" [useMaxFontSize]="false">`,
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true">`,
</div>`
})
@ -89,7 +89,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'inputbox',
template: `<div>
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [useMaxFontSize]="true">`,
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [minFontSize]="40" [maxFontSize]="100">`,
</div>`
})
@ -105,7 +105,7 @@ Import it in your Angular2 project like a module
| container | the container to fit (if not present it fit default to parent container)| ElementRef
| activateOnResize | enable/disable the autofit in case of window resize | true or false (default false)
| activateOnInputEvents | enbale/disable the autofit in case of input box events (keydown, keyup etc..) | true or false (default false)
| useMaxFontSize | Use font-size from element as maximum font-size | enable/disable the usage of max font-size of the lement
| maxFontSize | maximal font size | number, default is 1000
| minFontSize | minimal font size | number, default is 7
| modelToWatch | pass model to watch, when this model changes -> font size is automatically recalculated | any type of model