Standalone enterprise Web Component library. Works anywhere — plain HTML, React, Vue, Angular, or any framework. No build step required for consumers.
<script type="module" src="https://cdn.example.com/bc-components/bc-components.esm.js"></script>
<bc-field-string name="email" label="Email" required clearable hint="We'll never share your email" />See getting-started.md for full setup guide.
| Guide | Description |
|---|---|
| bc-setup.md | Global configuration — auth, headers, base URL, theme, validators |
| theming.md | Theme system — light, dark, system detect, custom themes |
| data-fetching.md | 4-level data strategy — local, URL, event intercept, custom fetcher |
| validation.md | 3-level validation — built-in rules, custom JS, server-side |
| reactivity.md | Dependent fields, cascading, cross-field logic |
| Component | Description |
|---|---|
| bc-field-string | Single-line text input |
| bc-field-text | Multi-line textarea |
| bc-field-smalltext | Small textarea |
| bc-field-password | Password input |
| bc-field-integer | Integer number input |
| bc-field-float | Float number input |
| bc-field-decimal | Decimal number input |
| bc-field-currency | Currency input with formatting |
| bc-field-percent | Percentage input |
| bc-field-date | Date picker |
| bc-field-time | Time picker |
| bc-field-datetime | DateTime picker |
| bc-field-duration | Duration input |
| bc-field-checkbox | Checkbox |
| bc-field-toggle | Toggle switch |
| bc-field-select | Dropdown select |
| bc-field-radio | Radio buttons |
| bc-field-multicheck | Multi-checkbox |
| bc-field-tags | Tag input |
| bc-field-link | Many2one link field |
| bc-field-dynlink | Dynamic link field |
| bc-field-tableselect | Table multi-select |
| bc-field-richtext | Rich text editor (Tiptap) |
| bc-field-markdown | Markdown editor |
| bc-field-html | HTML editor |
| bc-field-code | Code editor (CodeMirror) |
| bc-field-json | JSON editor |
| bc-field-file | File upload |
| bc-field-image | Image upload with preview |
| bc-field-signature | Signature pad |
| bc-field-barcode | Barcode/QR generator |
| bc-field-color | Color picker |
| bc-field-geo | Geolocation (Leaflet map) |
| bc-field-rating | Star rating |
| Component | Description |
|---|---|
| bc-datatable | Full-featured data table |
| Component | Description |
|---|---|
| bc-chart-bar | Bar chart |
| bc-chart-line | Line chart |
| bc-chart-pie | Pie/donut chart |
| bc-chart-area | Area chart |
| bc-chart-scatter | Scatter/bubble chart |
| bc-chart-radar | Radar chart |
| bc-chart-gauge | Gauge chart |
| bc-chart-funnel | Funnel chart |
| bc-chart-heatmap | Heatmap |
| bc-chart-treemap | Treemap |
| bc-chart-sunburst | Sunburst chart |
| bc-chart-candlestick | Candlestick/OHLC chart |
| bc-chart-boxplot | Box plot |
| bc-chart-mixed | Mixed/combo chart |
| bc-chart-sankey | Sankey flow diagram |
| bc-chart-graph | Network graph |
| bc-chart-tree | Tree diagram |
| bc-chart-polar | Polar coordinate chart |
| bc-chart-parallel | Parallel coordinates |
| bc-chart-themeriver | Theme river/stream graph |
| bc-chart-pictorialbar | Pictorial bar chart |
| bc-chart-custom | Custom chart (raw ECharts option) |
| bc-chart-pivot | Pivot table |
| bc-chart-kpi | KPI card |
| bc-chart-scorecard | Scorecard |
| bc-chart-progress | Progress indicator |
bc-row, bc-column, bc-section, bc-tabs, bc-tab, bc-sheet, bc-header, bc-separator, bc-button-box, bc-html-block
bc-dialog-modal, bc-dialog-confirm, bc-dialog-alert, bc-dialog-prompt, bc-dialog-quickentry, bc-dialog-wizard, bc-toast
| Component | Description |
|---|---|
| bc-dialog-confirm | Confirmation dialog — 4 variants (default, danger, warning, info) |
| bc-dialog-alert | Alert dialog — 5 variants (default, success, danger, warning, info) |
bc-badge, bc-copy, bc-phone, bc-email, bc-url, bc-progress, bc-statusbar, bc-priority, bc-handle, bc-domain, bc-placeholder, bc-sync-status
bc-view-list, bc-view-form, bc-view-kanban, bc-view-calendar, bc-view-gantt, bc-view-chart, bc-view-grid, bc-view-pivot, bc-view-gallery, bc-view-tree
| Component | Description |
|---|---|
| bc-view-gantt | Enterprise Gantt chart — tree hierarchy, drag-and-drop, dependencies, multi-scale timeline |
bc-kanban-board, bc-kanban-card-subtasks, bc-kanban-card-comments, bc-kanban-card-attachments, bc-kanban-card-activity
| Component | Description |
|---|---|
| bc-kanban-board | Enterprise kanban board — drag-drop, column reorder, card detail panel, inline dialogs, @mention, full i18n |
| bc-kanban-card-comments | Comments with @mention dropdown, inline file attachments |
| bc-kanban-card-subtasks | Checklist with progress bar, toggle/create/delete |
| bc-kanban-card-attachments | File list with upload, image thumbnails, delete |
| bc-kanban-card-activity | Timeline with relative time formatting |
bc-viewer-pdf, bc-viewer-image, bc-viewer-document, bc-viewer-youtube, bc-viewer-instagram, bc-viewer-tiktok, bc-viewer-video, bc-viewer-audio