How to create a custom Angular JS Component or Directive in PI Vision?

<pv-slider></<pv-slider>

The above image is an example of a default directive created in PI Vision

Can anyone please guide me with a sample example?