Slider

Usage

Assemble the slider directives in your template.

<div ngpSlider></div>

API Reference

The following directives are available to import from the @ng-primitives/ng-primitives/slider package:

NgpSliderDirective

There are no inputs or outputs for this directive.

Global Configuration

You can configure the default options for all sliders in your application by using the provideNgpSliderConfig function in a providers array.

import { provideNgpSliderConfig } from '@ng-primitives/ng-primitives/slider';

bootstrapApplication(AppComponent, {
  providers: [provideNgpSliderConfig({})],
});

NgpSliderConfig

Schematics

You can use our schematic to generate a new slider component.

Options

name

string

The name of the component.

project

string

The name of the project to add the component to.

path

string

The path to create the component.