byronwade/ui
Application UI

AI · Application UI

Sources

A collapsible citation list that reveals the sources an AI response was grounded in, built on the Base UI collapsible primitive.

@byronwade/foundation@byronwade/utils@byronwade/collapsible@phosphor-icons/react

Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.

Feature showcase

Installation

Features

  • 1 example

    Default.

API

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.
@byronwade/collapsibleregistryInstalled through the byronwade/ui registry.
@phosphor-icons/reactnpmInstalled from npm.

Source and related

FilePath
Componentregistry/components/ai-sources.tsx
Default examplecontent/examples/ai-sources/default.tsx