Source

An input field that allows users to enter and submit text to an AI model.

Examples

Source Basics

@chatcn/source

Installation

pnpm dlx shadcn@latest add https://chatcn.me/c/source

Props

Source

Prop	Type	Default	Description
`href`	`string`	-	URL for the source link
`label`	`string \| number`	-	Label to display on the trigger
`children`	`React.ReactNode`	-	Source trigger and content

SourceTrigger

Prop	Type	Default	Description
`showFavicon`	`boolean`	`true`	Whether to show the site favicon
`className`	`string`	-	Additional CSS classes
`label`	`string \| number`	-	Override the context label

SourceContent

Prop	Type	Default	Description
`title`	`string`	-	Title text for the hover card
`description`	`string`	-	Description text for the hover card
`className`	`string`	-	Additional CSS classes
`children`	`React.ReactNode`	-	Custom hover card content