blob: bbb7fd5169cc5cbccb2a7c8ff1e7118f9abe8028 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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.
|
