function MarkdownHeading()

in theme/src/components/heading.js [25:46]


function MarkdownHeading({children, ...props}) {
  const slugger = new GithubSlugger()
  const text = children ? textContent(children) : ''
  const id = text ? slugger.slug(text) : ''

  return (
    <StyledHeading id={id} {...props}>
      <Link
        href={`#${id}`}
        aria-label={`${text} permalink`}
        sx={{
          p: 2,
          ml: -32,
          color: 'fg.default'
        }}
      >
        <LinkIcon className="octicon-link" verticalAlign="middle" />
      </Link>
      {children}
    </StyledHeading>
  )
}