26 lines
610 B
TypeScript
26 lines
610 B
TypeScript
import GithubSlugger from 'github-slugger'
|
|
|
|
const slugger = new GithubSlugger()
|
|
|
|
export type PropsT = {
|
|
children: string
|
|
as: keyof JSX.IntrinsicElements
|
|
slug?: string
|
|
className?: string
|
|
}
|
|
|
|
export function HeadingLink({ children, as: Component, slug, className }: PropsT) {
|
|
slug = slug || slugger.slug(children)
|
|
return (
|
|
<Component id={slug} className={className} tabIndex={-1}>
|
|
<a className="heading-link" href={`#${slug}`}>
|
|
{children}
|
|
<span aria-hidden="true" className="heading-link-symbol">
|
|
{' '}
|
|
#
|
|
</span>
|
|
</a>
|
|
</Component>
|
|
)
|
|
}
|