Keyboard Navigation
The Keyboard Navigation module permits traversel through a set of elements using the arrow keys. It does this by cycling a class through a set of elements, much like the reveal module.
Option | Description | Possible Values |
Orientation | Layout of the elements. Determines which keys are used to traverse in certain directions. | horizontal (default), veritcal, grid |
Classes | These classes will be added to the selected element. | active (default), string |
KeepClassOnBlur | When set to true, the classes will remain on the last selected element after focus has moved. | false (default), true |
Width | For use with grids. The width of a single row. | int |
Working Examples
Menu Bar
Secondary Menu
Carousel
1 - Lorem.
2 - Lorem ipsum.
3 - Lorem ipsum dolor.
4 - Lorem ipsum dolor sit.
5 - Lorem ipsum dolor sit amet.
Calender
September 2018 | ||||||
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
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 | 28 | 29 |
30 |