SourcesPreview
Collapsible source lists for response-level references.
Overview
Sources groups response references behind a compact trigger. It is useful when citations should be available without taking over the message body.
Usage
import {
Source,
Sources,
SourcesContent,
SourcesTrigger,
} from "@tilt-legal/cubitt-components/chat-elements";Examples
Default
<Sources defaultOpen>
<SourcesTrigger count={sources.length} />
<SourcesContent>
{sources.map((source) => (
<Source href={source.href} key={source.href} title={source.title} />
))}
</SourcesContent>
</Sources>Closed
<Sources>
<SourcesTrigger count={3} />
<SourcesContent>
<Source href="https://example.com/lease-review" title="Lease review memo" />
</SourcesContent>
</Sources>