This commit is contained in:
chrosey
2017-09-13 07:52:34 +02:00
parent a1f16c37f4
commit 2340b0226b
24621 changed files with 2912161 additions and 149 deletions
+27
View File
@@ -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.
+37
View File
@@ -0,0 +1,37 @@
## 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 you're building something that fits that pattern, Drop can make things a little easier.
### [React Datepicker](https://github.com/Hacker0x01/react-datepicker)
A simple and reusable datepicker component for React
### [ember-tether](https://github.com/yapplabs/ember-tether)
An Ember.js-friendly interface for tether.
### Your Project Here
If you have a cool open-source library built on Tether, PR this doc.