mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
ef034c15c1
Improves the rendering of `DocsPillRow` to correctly display inline code snippets (using backticks) within the pill labels.
28 lines
775 B
TypeScript
28 lines
775 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 {Fragment, h} from 'preact';
|
|
import {LinkEntryRenderable} from '../entities/renderables.mjs';
|
|
|
|
/** Component to render a function or method parameter reference doc fragment. */
|
|
export function DocsPillRow(props: {links: LinkEntryRenderable[]}) {
|
|
if (props.links.length === 0) return <></>;
|
|
|
|
return (
|
|
<nav class="docs-pill-row">
|
|
{props.links.map((link) => (
|
|
<a
|
|
class="docs-pill"
|
|
href={link.url}
|
|
title={link.title}
|
|
dangerouslySetInnerHTML={{__html: link.label}}
|
|
></a>
|
|
))}
|
|
</nav>
|
|
);
|
|
}
|