@architecturex/components.counter NPM

label: The label displayed next to the counter
decrementClick: Callback function for the decrement button
incrementClick: function Callback function for the increment button
spaces: Number of spaces between label and counter

@architecturex/components.counter

Counter

The Counter component is a customizable React component that provides a simple numeric counter functionality. It includes increment and decrement buttons, and displays a count value. This component is highly customizable with various props, making it suitable for different use cases where a numeric counter is needed.

Installation

npm install @architecturex/components.counter

Usage

import React from 'react'
import Counter from '@architecturex/components.counter'

function App() {
  return (
    <div>
      <Counter
        label="Quantity"
        incrementClick={() => console.log('Incremented')}
        decrementClick={() => console.log('Decremented')}
        spaces={2}
      />
    </div>
  )
}

export default App