Component Reference

📋 Planned

Documentation Under Construction

This reference page will document all rich UI components available in Vanna, including data tables, charts, artifacts, status cards, and progress indicators.

Planned Content

  • ✓ Component overview and types
  • ✓ DataFrameComponent (interactive tables)
  • ✓ ChartComponent (Plotly visualizations)
  • ✓ ArtifactComponent (code, HTML, custom widgets)
  • ✓ StatusCardComponent (success, error, info)
  • ✓ ProgressBarComponent (task progress)
  • ✓ LogViewerComponent (execution logs)
  • ✓ SimpleTextComponent and RichTextComponent
  • ✓ Component API and props

Want to contribute or suggest improvements? Open an issue on GitHub

Component Types

When complete, this will document:

Data Components

  • DataFrameComponent: Interactive tables with sort, filter, pagination, CSV export
  • ChartComponent: Plotly charts (bar, line, scatter, etc.)
  • ArtifactComponent: Rendered code, HTML, or custom widgets

Feedback Components

  • StatusCardComponent: Show success, error, warning, info states
  • ProgressBarComponent: Visual progress (0-100%)
  • NotificationComponent: Toast-style notifications

Text Components

  • SimpleTextComponent: Plain text display
  • RichTextComponent: Markdown rendering

Interactive Components

  • ToolExecutionComponent: Show tool execution details
  • LogViewerComponent: Collapsible execution logs

Component API

Each component will have:

  • Props/attributes documentation
  • State management
  • Events emitted
  • Styling options
  • Usage examples