diff options
Diffstat (limited to 'afb-client/bower_components/tether/docs/2-Examples')
-rw-r--r-- | afb-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md | 27 | ||||
-rw-r--r-- | afb-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md | 29 |
2 files changed, 56 insertions, 0 deletions
diff --git a/afb-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md b/afb-client/bower_components/tether/docs/2-Examples/1-list_of_examples.md new file mode 100644 index 0000000..bbb7fd5 --- /dev/null +++ b/afb-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/afb-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md b/afb-client/bower_components/tether/docs/2-Examples/2-projects_using_tether.md new file mode 100644 index 0000000..b668a03 --- /dev/null +++ b/afb-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). |