mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
SkyZeroZx
49fca78f27
Fixes the visibility of the copy link button in API documentation headings.
The button now appears on hover, improving the user experience.
(cherry picked from commit 15e3407dab)
26 lines
754 B
TypeScript
26 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>
|
|
);
|
|
}
|