Frontend Components
This document provides an overview of all the components used in the BidScript frontend application.
Core Components
| Component |
Description |
Documentation |
| ModernChatbot |
AI chatbot interface for asking questions |
Modern Chatbot |
| ChatbotSidebar |
Full-featured chatbot interface with history and file uploads |
Chatbot Sidebar |
| Editor |
Rich text editor for document editing and collaboration |
Editor |
| KnowledgeBaseSearch |
Search interface for the knowledge base |
Knowledge Base Search |
| LoadingOverlay |
Global loading indicator |
Loading Overlay |
| SideBar |
Main navigation sidebar with expandable/collapsible design |
SideBar |
| SideBarElement |
Individual navigation item used within the sidebar |
SideBarElement |
Document Management
UI Components
| Component |
Description |
Documentation |
| ThemeCard |
Card displaying an answer theme |
Theme Card |
| ThemesSection |
Section displaying multiple answer themes |
Themes Section |
| QuestionCard |
Card displaying a question |
Question Card |
| ScrollableTextEditor |
Text editor with scrolling capabilities |
Scrollable Text Editor |
Component Categories
The components are organised into the following categories:
- Authentication: Components for login, registration, and authorization
- Base: Core structural components like layout, sidebar, and navigation
- Document Processing: Components for uploading, parsing, and managing documents
- Editor: Rich text editing components
- Loading: Loading indicators and state management
- Navbar: Navigation components
- UI: Reusable UI elements like buttons, cards, and inputs
Component Directories