render (h, { props, slots, data, listeners, ...rest }) {
    // Default styles
    const defaultStyles = {
      py: '8px',
      minHeight: '80px',
      fontFamily: 'body',
      lineHeight: 'shorter'
    }

    // Event listeners
    const nonNativeEvents = {
      input: (value, $e) => {
        const emitChange = listeners.change

        if (emitChange && $e instanceof Event) {
          if (typeof emitChange === 'function') {
            return emitChange(value, $e)
          }
          emitChange.forEach(listener => listener(value, $e))
        }
      }
    }
    const { nonNative } = extractListeners({ listeners }, nonNativeEvents)

    return h(
      CInput,
      {
        ...rest,
        props: {
          ...forwardProps(props),
          as: 'textarea'
        },
        attrs: {
          ...defaultStyles,
          ...(data.attrs || {}),
          'data-chakra-component': 'CTextarea'
        },
        on: nonNative
      },
      slots().default
    )
  }
CTextarea component

the textarea element component

@extends CInput
@see Docs https://vue.chakra-ui.com/textarea