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.