DocBits Components

Appearance

DocBits Components

Enterprise Table Components for Document Processing

Production-ready Vue 3 components with comprehensive documentation and interactive examples

Get Started
Browse Components
DocBits
📦

6 Core Components

Complete table system with sorting, filtering, selection, and bulk actions

🎨

Design System

Comprehensive design tokens, colors, typography, and dark mode support

🔧

Interactive Demos

Live component playgrounds with real-time prop configuration and event logging

🧪

Well Tested

100+ unit and component tests with full test documentation and examples

♿

Accessible

WCAG 2.1 AA compliant with full keyboard navigation and screen reader support

📱

Responsive

Fully responsive design that works perfectly on desktop, tablet, and mobile

Quick Start ​

bash
# Clone the repository
git clone https://github.com/Fellow-Consulting-AG/DocBits_Component.git

# Install dependencies
npm install

# Start development server
npm run docs:dev

# Build for production
npm run docs:build

Core Components ​

ComponentPurposeFeatures
DocBitsTableMain unified tableSorting, filtering, selection, bulk actions, resizable columns
ColumnOrderBySort indicatorsClickable sort arrows with active/inactive states
RowSelectionCheckboxRow selectionMaster checkbox with indeterminate state support
BulkActionsMenuBulk operationsFloating action button with export, delete, copy actions
RowActionsMenuPer-row actionsThree-dot dropdown menu for individual row operations
UnifiedTableAlternative tableSimplified unified table implementation

Key Features ​

  • Vue 3 Composition API - Modern, reactive components
  • TypeScript Support - Full type safety and IntelliSense
  • Dark Mode - Beautiful light and dark theme support
  • Accessible - WCAG 2.1 AA compliant with keyboard navigation
  • Responsive - Works seamlessly on all screen sizes
  • Well Tested - 100+ unit and component tests
  • Production Ready - Used in DocBits platform

Documentation Sections ​

Components ​

Comprehensive documentation for each of the 6 table components with props/events, usage examples, and interactive demos.

Design System ​

Complete design system reference including color palette, typography, spacing, and dark mode implementation.

Testing ​

Testing strategies, patterns, and real-world examples extracted from component test files.

Latest Updates ​

Version 1.0.0 (2025-12-18)

  • Initial release with 6 core table components
  • VitePress documentation site
  • GitHub Pages deployment
  • Interactive component demos

Support ​

License ​

© 2025 Fellow Consulting AG. All rights reserved.

DocBits Component Library

Copyright © 2025 FELLOWPRO AG