@clipmx/counter

Core Clip Counter

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@clipmx/counter
Minified + gzip package size for @clipmx/counter in KB

Readme

Clip Counter

Installation

npm install @clipmx/counter --save

Usage

import React from 'react';
import Counter from '@clipmx/counter';

const MyComponent = ({ ...props }) => (
  <div>
    <Counter {...props} />
  </div>
);

export default MyComponent;

Props

  • startAdornment: Element to show on the first button
  • endAdornment: Element to show on the last button
  • value: Default value for the counter
  • disabled: Disable the component.
  • onChange: Function to trigger when the value is changed
  • maxValue: Maximum value that the component will allow
  • minValue: Minimum value that the component will allow
  • step: Step size

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.