Citation Chip

Inline citation card with a numbered violet circle, a quoted excerpt, and an external link icon with the source path.

"The onboarding flow now ships with three new interactive steps."

beste.co/docs/onboarding

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ai20 } from "@/components/beste/piece/ai20";

<Ai20
  index={3}
  source="beste.co/docs/onboarding"
  excerpt="The onboarding flow now ships with three new interactive steps."
  tone="violet"
/>