mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
15e3407dab
Fixes the visibility of the copy link button in API documentation headings. The button now appears on hover, improving the user experience.
25 lines
754 B
TypeScript
25 lines
754 B
TypeScript
/*!
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import {h} from 'preact';
|
|
import {convertSectionNameToId} from '../transforms/reference-section-id.mjs';
|
|
import {SECTION_HEADING} from '../styling/css-classes.mjs';
|
|
|
|
/** Component to render the API section. */
|
|
export function SectionHeading(props: {name: string}) {
|
|
const id = convertSectionNameToId(props.name);
|
|
const label = 'Link to ' + props.name + ' section';
|
|
|
|
return (
|
|
<h2 id={id} class={SECTION_HEADING}>
|
|
<a class="docs-anchor" href={'#' + id} aria-label={label} tabIndex={-1}>
|
|
{props.name}
|
|
</a>
|
|
</h2>
|
|
);
|
|
}
|