ArrowSelection ⇐ ElementBase
Component which adds prominent left and right arrow buttons to a wrapped
child such as a carousel.
You can see a live demo
of this component applied to a carousel.
Clicking the left/right buttons selects the previous/next item.
Typical usage:
<basic-arrow-selection>
<basic-carousel>
... images, etc. ...
</basic-carousel>
</basic-arrow-selection>
By default, the arrow buttons are shown on devices with a mouse or mouse-like
point device. They are not shown on a touch-capable device unless mouse
movement is detected. To cause the buttons to always appear, apply the
'showArrows' CSS class.
Kind: global class
Extends: ElementBase
Mixes: ContentFirstChildTarget
, DirectionSelection
, DistributedChildrenAsContent
, ItemsSelection
, Keyboard
, KeyboardDirection
, TargetInCollective
, TargetInCollective
, TargetSelection