ngx-mat-range-slider

This is Angular Component to select range using Material Sliders. This component uses Angular material components.

Usage no npm install needed!

<script type="module">
  import ngxMatRangeSlider from 'https://cdn.skypack.dev/ngx-mat-range-slider';
</script>

README

Multi Range Slider with Material Slider Component

This is Angular Component to select range using Material Sliders. This component uses Angular material components.

Multi Range Slider

Options:

  • minColor: Material Color ThemePalette. default: accent

  • maxColor: Material Color ThemePalette. default: primary

  • min: Minimum value for the Slider

  • max: Maximum value for the Slider

  • value: Initial value

  • formatLabel: Function or Lambda to format the values on the selector.

  • output: Emits RangeType. RangeType = {min: number, max: number}