+ A Vue component that creates autocomplete functionality for your input fields, but works as tab suggestions instead of dropdown. +
+ +Try it here: type a name of a framework/programming language. Example: "Vue", then press Tab
+ +A Vue component that creates autocomplete functionality for your input fields, but works as tab suggestions instead of dropdown.
Try it here: type a name of a framework/programming language. Example: "Vue", then press Tab
',3),ul={class:"flex flex-col mt-8 space-y-3 sm:-mx-2 sm:flex-row sm:justify-center sm:space-y-0"},al=fe("button",{class:"px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-500 rounded-md hover:bg-blue-600 focus:bg-blue-600 focus:outline-none sm:mx-2"}," Submit ",-1),dl=or({__name:"App",setup(e){const t=["JavaScript","Python","Java","C++","C#","Ruby","PHP","Swift","Kotlin","TypeScript","Rust","Go","Scala","Elixir","Dart","Perl","Haskell","Clojure","Lua","Groovy","Objective-C","SQL","MongoDB","Firebase","Docker","Kubernetes","Git","GitHub","GitLab","Bitbucket","Jenkins","Travis CI","CircleCI","Azure DevOps","AWS","Google Cloud","Azure","React.js","Vue.js","Angular","Svelte","Ember.js","Backbone.js","jQuery","Bootstrap","Tailwind CSS","SASS","LESS","Webpack","Babel","NPM","Yarn","Express.js","Django","Flask","Laravel","Spring",".NET","ASP.NET","Ruby on Rails","GraphQL","REST API","SOAP","JSON","XML","WebSockets","HTML5","CSS3","AJAX","WebRTC","Ethereum","Solidity","Web3.js","Blockchain","Bitcoin","Cryptography","Machine Learning","TensorFlow","PyTorch","Keras","Scikit-learn","Data Science","Pandas","NumPy","Matplotlib","Jupyter Notebook","R programming","MATLAB","Apache Spark","Hadoop","Big Data","Artificial Intelligence","Computer Vision","Natural Language Processing","Deep Learning","Neural Networks","Convolutional Neural Networks","Reinforcement Learning","Generative Adversarial Networks","OpenCV"];return(n,s)=>(br(),xr("header",rl,[fe("div",ol,[il,fe("section",ll,[fe("div",cl,[fl,fe("div",ul,[we(sl,{placeholder:"Type 'Vue'",suggestions:t}),al])])])])]))}});const hl=ki(dl);hl.mount("#app"); diff --git a/demo/dist/index.html b/demo/dist/index.html new file mode 100644 index 0000000..04c70eb --- /dev/null +++ b/demo/dist/index.html @@ -0,0 +1,18 @@ + + + + + + + +