Inline CitationPreview
Inline cited text with preview-card and carousel source details.
Overview
InlineCitation connects cited text to source details. The trigger uses a compact badge, while the content can show one or more sources inside a carousel.
Usage
import {
InlineCitation,
InlineCitationCard,
InlineCitationCardBody,
InlineCitationCardTrigger,
InlineCitationText,
} from "@tilt-legal/cubitt-components/chat-elements";Examples
Default
<InlineCitation>
<InlineCitationText>with only 30 days notice</InlineCitationText>
<InlineCitationCard>
<InlineCitationCardTrigger sources={sourceUrls} />
<InlineCitationCardBody>
<InlineCitationCarousel>
<InlineCitationCarouselHeader>
<InlineCitationCarouselPrev />
<InlineCitationCarouselIndex />
<InlineCitationCarouselNext />
</InlineCitationCarouselHeader>
<InlineCitationCarouselContent>
<InlineCitationCarouselItem>
<InlineCitationSource
title="Lease review memo"
url={sourceUrls[0]}
/>
<InlineCitationQuote>
Tenant may terminate after year three.
</InlineCitationQuote>
</InlineCitationCarouselItem>
</InlineCitationCarouselContent>
</InlineCitationCarousel>
</InlineCitationCardBody>
</InlineCitationCard>
</InlineCitation>Open
<InlineCitation>
<InlineCitationText>based on the latest board pack</InlineCitationText>
<InlineCitationCard defaultOpen>
<InlineCitationCardTrigger sources={sourceUrls} />
<InlineCitationCardBody>...</InlineCitationCardBody>
</InlineCitationCard>
</InlineCitation>