External JS library with WebSharper in F#
![Image](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH_2MZ2a8rMX2-kO6dJoMrXvKn5B3mUvOM5u6vBKMQmT2NLWl4hkpnxdWk3yYjd9Eyfm83lgdwhNtNLsnsRdUazs6DJOsKeVw2ECPZlvFdQlUFHfG4PSqoZj2qKiXFzFkGz2e9DNxLNj_P/s1600/tag.gif)
External JS library with WebSharper in F# When building web apps with WebSharper in F#, one of the most common question is: How do we integrate external JS library with WebSharper in F#? It is indeed an interesting question since one of the good side of JS is the number of good libraries out there which will save you a lot of time and effort. WebSharper provides directives to call external JS libraries within F#. Today I would like to explore how we can integrate a JS libraries into our WebSharper project with UI.Next . I will demonstrate how you can extend WebSharper.JQuery to add a tag input functionality with autocompletion. For the tag input and formatting we will use Bootstrap Tags Input library and to provide autocompletion, we will use Typeahead.js . Here’s a preview of the result: Understand how to use the JS library first Tags input with Typeahead.js works as an extension of JQuery . To use it, you needs to define an input with an attribute data-role="tagsi