Source
Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.
Examples
Basic Source
Custom Source
Customize the appearance and labels of the source components. You can use custom labels, numbers, or combine them with favicons.
Installation
Copy and paste the following code into your project.
Component API
Source
| Prop | Type | Default | Description |
|---|---|---|---|
href | string | - | The URL of the source |
children | Snippet | - | The content to display |
SourceTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | number | - | The label to display |
showFavicon | boolean | false | Whether to show the favicon |
className | string | - | Additional CSS classes |
SourceContent
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | The title to display |
description | string | - | The description to display |
className | string | - | Additional CSS classes |