Counter

NOTE This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.

The <Counter> component provides an operation to increase or decrease the number.

Required Permissions

None

Child Components

This component can contain child components.

APIs

Counter()

Events

Universal events and gestures are not supported. Only the events listed below are supported.

Example

@Entry
@Component
struct CounterExample {
  @State value: number = 0

  build() {
    Column() {
      Counter() {
        Text(this.value.toString())
      }.margin(100)
      .onInc(() => {
        this.value++
      })
      .onDec(() => {
        this.value--
      })
    }.width("100%")
  }
}