render (h) {
    const { isDisabled, size } = this.context
    return h(CPseudoBox, {
      attrs: {
        ...this.$attrs,
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flex: 1,
        transition: 'all 0.3s',
        userSelect: 'none',
        pointerEvents: isDisabled ? 'none' : undefined,
        lineHeight: 'normal',
        ...numberInputStyles({
          colorMode: this.colorMode,
          size
        }),
        'data-chakra-component': 'CStepperButton'
      }
    }, this.$slots.default)
  }
CStepperButton component

The composable element for the stepper buttons.

@extends CPseudoBox
@see Docs https://vue.chakra-ui.com/numberinput