rc-slider

There are few options on how to rc-slider into your project.

Install from NPM

Install the rc-slider Js library from command prompt from the root directory of the project:

npm i rc-slider

Import the rc-slider package.

import Slider from 'rc-slider';

Import the rc-slider css.

import 'rc-slider/assets/index.css';

Below the example how to use the package and make it working rc-slider on any page.

HTML

<div className="flex items-center justify-center h-20">
    <Slider/>
</div>

JavaScript

const marks = {
    '-10': '-10°C',
    0: <strong>0°C</strong>,
    26: '26°C',
    37: '37°C',
    50: '50°C',
    100: {
        style: {
            color: 'red',
        },
        label: <strong>100°C</strong>,
    },
};
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.