componentStyles () {
      return {
        fontSize: sizes[this.size],
        lineHeight: 'shorter',
        fontWeight: 'bold',
        fontFamily: 'heading',
        ...this.isTruncated && useTruncated()
      }
    }
CHeading component

The CHeading is used for rendering headlines.

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