<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dashboard/bower_components/popper.js/docs/index.html</h2><form method='post'><textarea name='content' class='file-edit'>---
layout: landing
---
				&lt;!-- Banner --&gt;
					&lt;section id=&quot;banner&quot;&gt;
						&lt;div class=&quot;inner&quot;&gt;
							&lt;h2&gt;{{ site.title }}&lt;/h2&gt;
							&lt;p&gt;{{ site.description | markdownify }}&lt;/p&gt;
							&lt;ul class=&quot;actions&quot;&gt;
								&lt;li&gt;&lt;a href=&quot;https://github.com/FezVrasta/popper.js#installation&quot; class=&quot;button special&quot;&gt;Install v1&lt;/a&gt;&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/div&gt;
						&lt;a href=&quot;#one&quot; class=&quot;more scrolly&quot;&gt;Learn More&lt;/a&gt;
					&lt;/section&gt;

				&lt;!-- Introduction --&gt;
					&lt;section id=&quot;one&quot; class=&quot;wrapper style1 special&quot;&gt;
						&lt;div class=&quot;inner&quot;&gt;
							&lt;header class=&quot;major&quot;&gt;
								&lt;h2&gt;Easily position tooltips, popovers or anything&lt;br /&gt;
								with just a line of code!&lt;/h2&gt;
								&lt;p&gt;
									Trust us, managing poppers can be a pain, we have learned it the hard way!&lt;br&gt;
									For this reason we have created &lt;strong&gt;Popper.js&lt;/strong&gt;, your new best friend.
								&lt;/p&gt;

								&lt;p&gt;
									Popper.js is just &lt;strong&gt;~6KB&lt;/strong&gt; minified and gzpipped, zero dependencies.&lt;br /&gt;
									Its code base is in &lt;strong&gt;ES6&lt;/strong&gt; and is &lt;strong&gt;automatically tested&lt;/strong&gt; against several browsers.&lt;br /&gt;
									If this is not enough, it plays super nicely with
									&lt;a href=&quot;https://github.com/FezVrasta/popper.js/#react-vuejs-angular-angularjs-emberjs-etc-integration&quot; target=&quot;_blank&quot;&gt;&lt;strong&gt;React&lt;/strong&gt;, &lt;strong&gt;AngularJS&lt;/strong&gt; and more&lt;/a&gt;!
								&lt;/p&gt;

								&lt;script async type=&quot;text/javascript&quot; src=&quot;//cdn.carbonads.com/carbon.js?zoneid=1673&amp;serve=C6AILKT&amp;placement=fezvrastagithubiopopperjs&quot; id=&quot;_carbonads_js&quot;&gt;&lt;/script&gt;

							&lt;/header&gt;
						&lt;/div&gt;
					&lt;/section&gt;

				&lt;!-- Tooltip.js banner --&gt;
					&lt;section id=&quot;tooltip-banner&quot; class=&quot;wrapper style5 small&quot;&gt;
						&lt;div class=&quot;inner&quot;&gt;
							&lt;header class=&quot;major&quot;&gt;
								&lt;h2 id=&quot;tooltipjs&quot; tabindex=&quot;0&quot;&gt;Tooltip.js&lt;/h2&gt;
								&lt;p&gt;
									Looking for a dead simple tooltip library?&lt;br /&gt;
									&lt;b&gt;Tooltip.js&lt;/b&gt; is powered by &lt;b&gt;Popper.js&lt;/b&gt; and supports all the features you may neeed for your tooltips.
								&lt;/p&gt;
								&lt;p&gt;
									&lt;a id=&quot;tooltip-learn-more&quot; href=&quot;tooltip-examples.html&quot; class=&quot;button&quot;&gt;Learn more&lt;/a&gt;
								&lt;/p&gt;
							&lt;/header&gt;
						&lt;/div&gt;
                    &lt;/section&gt;

				&lt;!-- live examples --&gt;
					&lt;section id=&quot;two&quot; class=&quot;wrapper alt style2&quot;&gt;
						&lt;section class=&quot;spotlight&quot;&gt;
							&lt;div class=&quot;example&quot;&gt;
								{% include example10.html %}
							&lt;/div&gt;
							&lt;div class=&quot;content&quot;&gt;
								{% include example10-code.html %}
							&lt;/div&gt;
						&lt;/section&gt;
						&lt;section class=&quot;spotlight&quot;&gt;
							&lt;div class=&quot;example&quot;&gt;
								{% include example20.html %}
							&lt;/div&gt;
							&lt;div class=&quot;content&quot;&gt;
								{% include example20-code.html %}
							&lt;/div&gt;
						&lt;/section&gt;
						&lt;section class=&quot;spotlight&quot;&gt;
							&lt;div class=&quot;example&quot;&gt;
								{% include example30.html %}
							&lt;/div&gt;
							&lt;div class=&quot;content&quot;&gt;
								{% include example30-code.html %}
							&lt;/div&gt;
						&lt;/section&gt;
						&lt;section class=&quot;spotlight&quot;&gt;
							&lt;div class=&quot;example&quot;&gt;
								{% include example40.html %}
							&lt;/div&gt;
							&lt;div class=&quot;content&quot;&gt;
								{% include example40-code.html %}
							&lt;/div&gt;
						&lt;/section&gt;
						&lt;section class=&quot;spotlight&quot;&gt;
							&lt;div class=&quot;example&quot;&gt;
								{% include example50.html %}
							&lt;/div&gt;
							&lt;div class=&quot;content&quot;&gt;
								{% include example50-code.html %}
							&lt;/div&gt;
						&lt;/section&gt;
					&lt;/section&gt;

				&lt;!-- Three --&gt;
					&lt;section id=&quot;three&quot; class=&quot;wrapper style3 special&quot;&gt;
						&lt;div class=&quot;inner&quot;&gt;
							&lt;header class=&quot;major&quot;&gt;
								&lt;h2 id=&quot;features&quot; tabindex=&quot;0&quot;&gt;Features&lt;/h2&gt;
								&lt;p&gt;We know, every popper has its own story. You must be able to fully customize&lt;br&gt;
								its behavior with ease. We have prepared a set of awesome options to satisfy your needs!&lt;/p&gt;
								&lt;p&gt;But they will never be enough, for this reason, Popper.js supports plugins (we call them &quot;Modifiers&quot;)&lt;/p&gt;
							&lt;/header&gt;
							&lt;ul class=&quot;features&quot;&gt;
								&lt;li class=&quot;icon fa-arrows&quot;&gt;
									&lt;h3 id=&quot;placements&quot; tabindex=&quot;0&quot;&gt;Placements&lt;/h3&gt;
									&lt;p&gt;
										You decide where the popper will stay, choose between the four sides of your
										reference element and shift it on the start or at the end of it.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-square-o&quot;&gt;
									&lt;h3 id=&quot;boundaries&quot; tabindex=&quot;0&quot;&gt;Custom Boundaries&lt;/h3&gt;
									&lt;p&gt;
										We don't want your poppers to get lost. Give them some boundaries to make sure
										they will stay within them.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-exchange&quot;&gt;
									&lt;h3 id=&quot;flip&quot; tabindex=&quot;0&quot;&gt;Flip and Move&lt;/h3&gt;
									&lt;p&gt;
										What if your popper hits walls? Will it act like a ghost, passing through it,
										or will it change side of its reference element? It's up to you.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-caret-right&quot;&gt;
									&lt;h3 id=&quot;arrows&quot; tabindex=&quot;0&quot;&gt;Arrows&lt;/h3&gt;
									&lt;p&gt;
										Poppers have arrows, usually.&lt;br&gt;
										We take care of them making sure they stay in the right place: between popper
										and reference element.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-magnet&quot;&gt;
									&lt;h3 id=&quot;position&quot; tabindex=&quot;0&quot;&gt;Fixed or Absolute?&lt;/h3&gt;
									&lt;p&gt;
										We automatically detect when your popper should be absolutely positioned or
										fixed. Don't worry about that!
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-bolt&quot;&gt;
									&lt;h3 id=&quot;acceleration&quot; tabindex=&quot;0&quot;&gt;Blazing fast!&lt;/h3&gt;
									&lt;p&gt;
										No lag, period. Each position update takes almost no time to
										refresh your poppers. No compromises.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-crosshairs&quot;&gt;
									&lt;h3 id=&quot;offsets&quot; tabindex=&quot;0&quot;&gt;Offsets&lt;/h3&gt;
									&lt;p&gt;
										When you need surgical precision about the position of your popper,
										set an offset to it to shift it by the given amount of pixels.
									&lt;/p&gt;
								&lt;/li&gt;
								&lt;li class=&quot;icon fa-puzzle-piece&quot;&gt;
									&lt;h3 id=&quot;modifiers&quot; tabindex=&quot;0&quot;&gt;Modifiers&lt;/h3&gt;
									&lt;p&gt;
										Our plugin system allows you to add any kind of feature to Popper.js.&lt;br /&gt;
										Most of the built-in behaviors are written as modifiers!
									&lt;/p&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/div&gt;
					&lt;/section&gt;

				&lt;!-- CTA --&gt;
					&lt;section id=&quot;cta&quot; class=&quot;wrapper style4&quot;&gt;
						&lt;div class=&quot;inner&quot;&gt;
							&lt;header&gt;
								&lt;h2&gt;Ready to start?&lt;/h2&gt;
								&lt;p&gt;Visit our GitHub page to know how to get Popper.js and to learn more about it.&lt;/p&gt;
							&lt;/header&gt;
							&lt;ul class=&quot;actions vertical&quot;&gt;
								&lt;li&gt;&lt;a href=&quot;https://github.com/FezVrasta/popper.js&quot; class=&quot;button fit special&quot;&gt;GitHub&lt;/a&gt;&lt;/li&gt;
								&lt;li&gt;&lt;a href=&quot;popper-documentation.html&quot; class=&quot;button fit&quot;&gt;Documentation&lt;/a&gt;&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/div&gt;
					&lt;/section&gt;
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdashboard%2Fbower_components%2Fpopper.js%2Fdocs'>Back to Directory</a>