fast-flipper
The flipper component is most often used to page through blocks of content or collections of ui elements. As flippers are often a supplemental form of navigation, the flippers are hidden by default to avoid duplicate keyboard interaction. Passing an attribute of aria-hidden="false"
will expose the flippers to assistive technology.
Usage
Live Editor
Result
Applying custom styles
import { customElement } from "@microsoft/fast-element";
import { Flipper, FlipperTemplate as template } from "@microsoft/fast-foundation";
import { FlipperStyles as styles } from "./flipper.styles";
@customElement({
name: "fast-flipper",
template,
styles,
})
export class FASTFlipper extends Flipper {}