fast-slider-label

The fast-slider-label component provides a default styled label to be placed inside a fast-slider. Users can choose to hide the mark as well as provide custom label content.

Usage

Live Editor
Result
Fast

Applying custom styles

import { customElement } from "@microsoft/fast-element";
import { SliderLabel, SliderLabelTemplate as template } from "@microsoft/fast-foundation";
import { SliderLabelStyles as styles } from "./slider-label.styles";
@customElement({
name: "fast-slider-label",
template,
styles,
})
export class FASTSliderLabel extends SliderLabel {}