FontLinks

import { FontLinks } from "@grassroot/ui-react";
 
// FontLinks takes no props — its output is entirely driven by ui-core's
// shared `fontLinksPreconnects`/`fontLinksStylesheetHref` constants (see
// FontLinks.tsx), so this example has nothing to parameterize from a
// fixture. The `fontLinksFixture` (`@grassroot/demo-fixtures`) is therefore
// unused here; it survives only as the catalogue's entry for this component.
export default function FontLinksDemo() {
  return (
    <div>
      <FontLinks />
    </div>
  );
}

<script setup lang="ts">
import { FontLinks } from "@grassroot/ui-vue";
</script>
 
<template>
  <div>
    <FontLinks />
  </div>
</template>

import { Component } from "@angular/core";
import { GrassrootFontLinks } from "@grassroot/ui-angular";
 
@Component({
  selector: "app-font-links-demo",
  standalone: true,
  imports: [GrassrootFontLinks],
  template: `
    <div>
      <grassroot-font-links />
    </div>
  `,
})
export class FontLinksDemoComponent {}
 
export default FontLinksDemoComponent;

<script lang="ts">
  import { FontLinks } from "@grassroot/ui-svelte";
</script>
 
<div>
  <FontLinks />
</div>

/** @jsxImportSource solid-js */
import { FontLinks } from "@grassroot/ui-solid";
 
export default function FontLinksDemo() {
  return (
    <div>
      <FontLinks />
    </div>
  );
}