AI Elements

Sources

Server Component

Expandable list of sources the model used.

Import

tsx

import { Sources } from "@cronus-ui/ui";

bash

npx cronus-ui add sources

Examples

Used sources

An expandable list of links the model cited.

tsx

<Sources>
  <SourcesTrigger count={2} />
  <SourcesContent>
    <Source href="https://aicronus.com" title="Cronus UI" />
    <Source href="https://aicronus.com/docs/design" title="Design" />
  </SourcesContent>
</Sources>

API Reference

Generated from the component's exported types.

SourcesProps

Extends ComponentProps<typeof Collapsible>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.

SourcesTriggerLabels

Prop	Type	Default	Description
`usedSources`*	`string`	—	—

SourcesTriggerProps

Extends ComponentProps<typeof CollapsibleTrigger>

Prop	Type	Default	Description
`ref`	`Ref<HTMLButtonElement>`	—	Ref forwarded to the underlying DOM node.
`count`*	`number`	—	—
`labels`	`Partial<SourcesTriggerLabels>`	—	Override default English strings.

SourcesContentProps

Extends ComponentProps<typeof CollapsibleContent>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.

SourceProps

Extends ComponentProps<"a">

Prop	Type	Default	Description
`ref`	`Ref<HTMLAnchorElement>`	—	Ref forwarded to the underlying DOM node.