HeyCar-UIKit - SliderWithHistogram

Slider provides users with a way to interactively adjust a value or range within a specific range or set of options.

Installation

To install and save in your package.json dependencies, run the command below using npm:

npm install @heycar-uikit/core

# Or
npm install @heycar-uikit/sliderWithHistogram

Usage

// TSX/JSX file
// Core import is recomended
import SliderWithHistogram from '@heycar-uikit/core/slider-with-histogram';

// or
import SliderWithHistogram from '@heycar-uikit/slider-with-histogram';

function App() {
  return <SliderWithHistogram />;
}

// CSS file
// Core import is recomended
@import '@heycar-uikit/core/slider-with-histogram/esm/SliderWithHistogram.constants.css';

// or
@import '@heycar-uikit/slider-with-histogram/dist/esm/SliderWithHistogram.constants.css';

Documentation and sandbox

Storybook documentation and sandbox