render (h) {
    return h(this.as, {
      class: [this.className],
      attrs: {
        role: 'tabpanel',
        tabindex: -1,
        'aria-labelledby': `tab:${this.id}`,
        hidden: !this.isSelected,
        id: `panel:${this.id}`,
        outline: 0,
        ...this.computedAttrs
      },
      on: this.computedListeners
    }, this.$slots.default)
  }
CTabPanel component

the panel element component fro tab content

@extends CBox
@see Docs https://vue.chakra-ui.com/tabs