Skip to main content
Version: 1.x

@microsoft/fast-foundation > Flipper

Flipper class

A Flipper Custom HTML Element. Flippers are a form of button that implies directional content navigation, such as in a carousel.

next - The next flipper content

previous - The previous flipper content

next - Wraps the next flipper content

previous - Wraps the previous flipper content

click - Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.

Signature:
export declare class Flipper extends FoundationElement 

Properties

PropertyModifiersTypeDescription
directionFlipperDirectionThe direction that the flipper implies navigating.
disabledbooleanThe disabled state of the flipper.
hiddenFromATbooleanIndicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.

Methods

MethodModifiersDescription
keyupHandler(e)Simulate a click event when the flipper has focus and the user hits enter or space keys Blur focus if the user hits escape key