React Design System: component Counter

Counter

Counter allows to add or remove a quantity within single clicks.

199

Overview

API

Code

Component 'Counter'

First, you need to import a component to your code (сheck component path is right):

import Counter from "../../core/Counter";

To use the component, copy and paste an example from the CODE tab.
Default props of component can be omitted, they are applied automatically. For example, you can skip the prop type='def', because 'def' is the default value of prop 'type'.

type

string = default

This prop set the shape of the component. Possible states: default | square. The default state is default.

view

string = filled

This prop set the view of the component. Possible states: filled | flat | smooth | outlined | raised . The default state is filled.

leftColor

string = default

value

number

This prop set a value of the component.

rightColor

string = default

This prop set a color of the right button. Default state is default.

leftIcon

string | element

Icon of the left button. Name of a Blueprint UI icon (or an icon element) to render before the text. For example, "tick" or <Icon icon="tick" iconSize={24} />

rightIcon

string | element

Icon of the right button.

dense

boolean

Whether this button should use minimal styles.

vertical

boolean

Set a vertical position of buttons.

disabled

boolean = false

If set to true, the button will be disabled. The default state is false