Source
Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.
Examples
Basic Source
Custom Source
Installation
npx shadcn add "https://prompt-kit.com/c/source.json"Component API
Source
| Prop | Type | Default | Description |
|---|---|---|---|
| href | string | The URL of the source | |
| children | React.ReactNode | The content to display |
SourceTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | 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 |