@clipmx/counter

Core Clip Counter

Usage no npm install needed!

<script type="module">
  import clipmxCounter from 'https://cdn.skypack.dev/@clipmx/counter';
</script>

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