|
1 | 1 | # react-overflow-indicator ⏬ |
2 | 2 |
|
| 3 | +- Let users know when there’s more content to see in an `overflow` container, in |
| 4 | + case their device hides scrollbars. |
| 5 | +- Uses |
| 6 | + [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) |
| 7 | + for great performance – no listening for `scroll` or `resize` events. |
| 8 | +- Flexible: render any style of indicator you want (shadows, arrows, messages, |
| 9 | + etc.) wherever you want, using any styling solution. |
| 10 | + |
3 | 11 | <table> |
| 12 | +<thead> |
| 13 | +<tr> |
| 14 | +<th colspan="3"> |
| 15 | +Some examples: shadows, fades, icons... |
| 16 | +</th> |
| 17 | +</tr> |
| 18 | +</thead> |
4 | 19 | <tbody> |
5 | 20 | <tr> |
6 | 21 | <td> |
|
22 | 37 | </tbody> |
23 | 38 | </table> |
24 | 39 |
|
25 | | -- Let users know when there’s more content to see in an `overflow` container, in |
26 | | - case their device hides scrollbars. |
27 | | -- Uses |
28 | | - [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) |
29 | | - for great performance – no listening for `scroll` or `resize` events. |
30 | | -- Flexible: render any style of indicator you want (shadows, arrows, messages, |
31 | | - etc.) wherever you want, using any styling solution. |
32 | | - |
33 | 40 | ## Quick Start |
34 | 41 |
|
35 | 42 | Install: |
|
0 commit comments