render (h) {
    const children = this.$slots.default
    if (!children) {
      console.error(
        '[Chakra-ui:Breadcrumb]: Breadcrumb component should have at least one child'
      )
      return null
    }
    const cleaned = cleanChildren(children)
    const clones = cleaned.map((node, index, array) => {
      return cloneVNodeElement(node, {
        props: {
          addSeparator: this.addSeparator,
          separator: this.separator,
          spacing: this.spacing,
          isLastChild: array.length === index + 1
        }
      }, h)
    })

    return h('nav', {
      class: this.className,
      attrs: {
        'aria-label': 'breadcrumb',
        ...this.computedAttrs
      },
      on: this.computedListeners
    }, [h('ol', clones)])
  }
CBreadcrumb component

The wrapper container for all breadcrumbs

@see Docs https://vue.chakra-ui.com/breadcrumb