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-quickentry, bc-dialog-wizard, bc-toast
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-viewer-pdf, bc-viewer-image, bc-viewer-document, bc-viewer-youtube, bc-viewer-instagram, bc-viewer-tiktok, bc-viewer-video, bc-viewer-audio