Miss any of our Open RFC calls?Watch the recordings here! »

@flosportsinc/ng-fullscreen

13.3.0 • Public • Published

Fullscreen

Installation

npm i @flosportsinc/ng-fullscreen

Import FloFullscreenModule:

import { NgModule } from '@angular/core'
import { FloFullscreenModule } from '@flosportsinc/ng-fullscreen'
 
@NgModule({
  imports: [
    FloFullscreenModule
  ]
})
export class AppModule { }

Usage

floClickToExitFullscreen will listen for click events on a given element and leave fullscreen. floClickToEnterFullscreen will listen for click events on a given element and enter fullscreen on the document body or a provided reference to another html element. *floIfFullscreen renders its element if the document is in fullscreen *floIfNotFullscreen renders its element if the document is NOT in fullscreen

<div #takeMeFullscreen>
  <h3>I am content you can see when fullscreen</h3>
  <button *floIfFullscreen floClickToExitFullscreen>Exit Fullscreen</button>
  <button *floIfNotFullscreen [floClickToEnterFullscreen]="takeMeFullscreen">Enter Fullscreen</button>
</div>

Install

npm i @flosportsinc/ng-fullscreen

DownloadsWeekly Downloads

314

Version

13.3.0

License

MIT

Unpacked Size

482 kB

Total Files

48

Last publish

Collaborators

  • avatar
  • avatar