Getting Started

This section helps to get started of the RadialSlider component in an Aurelia application.

Getting Started

Create a RadialSlider Component

  • To create Syncfusion Aurelia application refer Aurelia Getting Started Documentation.
  • Create radialSlider folder inside src/samples location.
  • Create radialSlider.html file inside src/samples/radialSlider folder and use the below code for rendering RadialSlider component.
  • html
  • <template>
        <ej-radial-slider id="radialSlider"> </ej-radial-slider>
        </template>
    • Create radialSlider.js file inside src/samples/radialSlider folder with below code snippet.
  • javascript
  • export class BasicUse {
        constructor() {    
        }
        }

    Image Configuration

    RadialSlider property e-inner-circle-image-url allow to set URL image to the inner circle of the RadialSlider. Refer to the following code example.

  • html
  • <ej-radial-slider id="radialSlider" e-inner-circle-image-url="images/radialslider/chevron-right.png">
        </ej-radial-slider>

    Image Configuration

    Note: You can find the RadialSlider properties from the API reference document