{#snippet template()}

{#snippet content()}

This is the default section layout with a title and content area. The section provides a container for page widgets.

{/snippet}

{/snippet} {#snippet template()}

{#snippet content()}

This section includes a header with title and subtitle above the section title.

{/snippet}

{/snippet} {#snippet template()}

{#snippet headerContent()} {/snippet} {#snippet content()}

Use the search bar to find fonts by name, or use the filters to browse by category, subset, or provider.

{/snippet}

{/snippet} {#snippet template()}

{#snippet content()}

Control the size, weight, and line height of your text. These settings apply across the comparison view.

{/snippet}

{#snippet content()}

Search through our collection of fonts from Google Fonts and Fontshare. Use filters to narrow down your selection.

{/snippet}

{#snippet content()}

Browse through font samples with your custom text. The list is virtualized for optimal performance.

{/snippet}

{/snippet} {#snippet template()}

{#snippet content()}

This section demonstrates how the component behaves with longer content.

Content block 1

The Section component provides a consistent layout container for page-level widgets with configurable titles and content areas.

Content block 2

Content is passed via snippets, allowing full flexibility in what gets rendered inside.

Content block 3

{/snippet}

{/snippet} {#snippet template()}

{#snippet content()}

A minimal section without index or header. Just the essentials.

{/snippet}

{/snippet} {#snippet template()}

{#snippet content()}

Some content here