Getting Started with React Material Counter

npm install react-mui-counter

Dependencies

Material UI/ MUI

Demo

Usage

import React from 'react'
import Counter from 'react-mui-counter'

const Demo = ()=>{
    return <Counter/>
}
export default Demo

Component name

The name Counter can be used when providing default props or style overrides in the theme.

Props

Props of the TextField component are also available.

| Name | Type | Default | Description | | ----------- | ----------- | ----------- | ----------- | | value | number | 0 | The value of the input element, required for a controlled component. | | onChange | func | | Callback fired when the value is changed. Signature:function(event: object) => void``event: The event source of the callback. You can pull out the new value by accessing event.target.value (number). | | sx | Array<func or object or bool> or func or object | | The system prop that allows defining system overrides as well as additional CSS styles. See the sx page for more details. | | size | 'normal' or 'small' | | The size of the component. | | disabled | boolean | | Sets the whether the control is disabled |

Note: This component can also be used with React Hook Form