summaryrefslogtreecommitdiffstats
path: root/afm-client/bower_components/tether/docs/2-Examples
diff options
context:
space:
mode:
Diffstat (limited to 'afm-client/bower_components/tether/docs/2-Examples')
-rw-r--r--afm-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md27
-rw-r--r--afm-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md29
2 files changed, 56 insertions, 0 deletions
diff --git a/afm-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md b/afm-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md
new file mode 100644
index 0000000..bbb7fd5
--- /dev/null
+++ b/afm-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md
@@ -0,0 +1,27 @@
+### Examples
+
+It's our goal to create a wide variety of example of how Tether
+can be used. Here's what we have so far, please send a PR with
+any examples you might create.
+
+#### Beginner
+
+- [simple](../../examples/simple): A simple example to get you started
+- [out-of-bounds](../../examples/out-of-bounds): How to hide the element when it would
+otherwise be offscreen
+- [pin](../../examples/pin): How to pin the element so it never goes offscreen
+- [enable-disable](../../examples/enable-disable): How to enable and disable the Tether
+in JavaScript
+
+#### Advanced
+
+- [content-visible](../../examples/content-visible): Demonstrates using the `'visible'`
+`targetModifier` to align an element with the visible portion of another.
+- [dolls](../../examples/dolls): A performance test to show several dozen elements,
+each tethered to the previous. Try dragging the top left tether.
+- [element-scroll](../../examples/element-scroll): Demonstrates using the `'scroll-handle'`
+`targetModifier` to align an element with the scrollbar of an element.
+- [scroll](../../examples/scroll): Demonstrates using the `'scroll-handle'` `targetModifier`
+to align an element with the body's scroll handle.
+- [viewport](../../examples/viewport): Demonstrates aligning an element with the
+viewport by using the `'visible'` `targetModifier` when tethered to the body.
diff --git a/afm-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md b/afm-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md
new file mode 100644
index 0000000..b668a03
--- /dev/null
+++ b/afm-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md
@@ -0,0 +1,29 @@
+## Projects Using Tether
+
+Here at HubSpot we have built a bunch of libraries on top of Tether,
+both because we wanted Tether-performance, and because we saw opportunities
+to improve on what was available in the client-side ecosystem.
+
+### [Select](http://github.hubspot.com/select/docs/welcome)
+
+Select is a replacement for native browser select elements that is fully stylable.
+
+### [Shepherd](http://github.hubspot.com/shepherd/docs/welcome)
+
+Shepherd is a library for making tours of your app to help onboard users and show off
+new features.
+
+### [Tooltip](http://github.hubspot.com/tooltip/docs/welcome)
+
+A simple, easy-to-use implementation of tooltips that works well.
+
+### [Drop](http://github.hubspot.com/drop/docs/welcome)
+
+Where Tether does general-purpose positioning, Drop assumes that you are interested
+in making something which pops up next to something the user clicks or hovers on.
+
+If your building something that fits that pattern, Drop can make things a little easier.
+
+### Your Project Here
+
+If you have a cool open-source library built on Tether, PR this doc, or [get in touch](mailto:zbloom@hubspot.com).