Canvas

SourceChip

What the user brought: a file, link, video or note, with status.

• Provide kind (pdf, url, video, text, image, notion…), name, optional meta, status (uploading shows "Reading…", error says it couldn't be read) and onRemove.
• Shown above the Composer input and in View source.

Playground

Change the props, switch theme in the header, try Tablet and Phone widths, then copy the code.

Examples

Props

export interface SourceChipProps {
  kind?: 'pdf' | 'doc' | 'url' | 'video' | 'text' | 'image' | 'notion' | 'obsidian' | 'audio';
  name: string;
  meta?: string;
  status?: 'uploading' | 'ready' | 'error';
  onRemove?: () => void
}

Use

import { SourceChip } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/SourceChip/README.md