ngx-simple-popper
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

About The Project

Popper wrap for Angular

(back to top)

Getting Started

Prerequisites

  • npm
    npm i @popperjs/core --save
    npm i ngx-simple-popper --save

Installation

  1. Enter your project directory
  2. Install NPM packages
    npm i @popperjs/core --save
    npm i ngx-simple-popper --save

(back to top)

Usage

Load the module:

import {NgxSimplePopperModule} from "ngx-simple-popper";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxSimplePopperModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

And use in template:

<div class="container">
  <button [popperFor]="popperContent"
          [offset]="[0, 10]"
          (mouseenter)="popperContent.state = 'show'"
          (mouseleave)="popperContent.state = 'hide'"
          placement="bottom">
    Hello
  </button>

  <popper-container #popperContent>
    <div class="">
      Hello
    </div>
  </popper-container>

</div>

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Package Sidebar

Install

npm i ngx-simple-popper

Weekly Downloads

3

Version

1.0.1

License

MIT

Unpacked Size

40.6 kB

Total Files

16

Last publish

Collaborators

  • twn39