26 lines
471 B
TypeScript
26 lines
471 B
TypeScript
|
import {html} from 'htm/preact';
|
||
|
|
import {TRXComponent} from '..';
|
||
|
|
|
||
|
|
type LinkProps = {
|
||
|
|
class: string;
|
||
|
|
text: string;
|
||
|
|
url: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A `<a />` helper component with `target="_blank"` and `rel="noopener"`.
|
||
|
|
* @param props Link properties.
|
||
|
|
*/
|
||
|
|
export function Link(props: LinkProps): TRXComponent {
|
||
|
|
return html`
|
||
|
|
<a
|
||
|
|
class="${props.class}"
|
||
|
|
href="${props.url}"
|
||
|
|
target="_blank"
|
||
|
|
rel="noopener"
|
||
|
|
>
|
||
|
|
${props.text}
|
||
|
|
</a>
|
||
|
|
`;
|
||
|
|
}
|