Semantic UI
ctrl+k
Enter a search term above to see results...
On This Page
increment
decrement
Number Helpers
Number Helpers are methods available on Signal instances that contain numeric values. These helpers provide convenient ways to manipulate and update numeric signals.
increment
Increases the value of the Signal by a specified amount or by 1 if no amount is provided.
Syntax
signal.increment(amount?)Parameters
| Name | Type | Description |
|---|---|---|
| amount | Number | (Optional) The amount to increment by. Defaults to 1 if not specified. |
| max | Number | (Optional) The maximum value allowed to increment to. |
Usage
import { Signal } from '@semantic-ui/reactivity';
const counter = new Signal(0);counter.increment(); // value is now 1counter.increment(5); // value is now 6counter.increment(1, 10); // value will not exceed 10Example
decrement
Decreases the value of the Signal by a specified amount or by 1 if no amount is provided.
Syntax
signal.decrement(amount?)Parameters
| Name | Type | Description |
|---|---|---|
| amount | Number | (Optional) The amount to decrement by. Defaults to 1 if not specified. |
| min | Number | (Optional) The minimum value allowed to increment to. |
Usage
import { Signal } from '@semantic-ui/reactivity';
const score = new Signal(100);score.decrement(); // value is now 99score.decrement(10); // value is now 89score.decrement(1, 0); // value will not reduce below 0