@binom/ui-core

Core UI component library for Binom Angular projects — buttons, forms, themes, tables, dialogs, and more.

Documentation

Browse interactive docs, API reference, installation guides, and live demos on ngx-docs.binom.net.

Installation

npm install @binom/ui-core

Peer Dependencies

Make sure the following peer dependencies are installed in your Angular 21 project:

• @angular/common: ^21.0.0
• @angular/core: ^21.0.0
• @angular/cdk: ^21.0.0
• @angular/forms: ^21.0.0
• @binom/sdk-utils: ^1.0.0
• @binom/sdk-core: ^2.0.0
• @binom/sdk-calendar: ^1.0.0
• rxjs: ~7.8.0

Entry Points

This library provides the following secondary entry points:

| Entry Point | Import Path | |-------------|-------------| | A11y Aria Base | @binom/ui-core/a11y-aria-base | | A11y Key Control | @binom/ui-core/a11y-key-control | | A11y Tabindex | @binom/ui-core/a11y-tabindex | | Accordion | @binom/ui-core/accordion | | Aspect Ratio | @binom/ui-core/aspect-ratio | | Autocomplete | @binom/ui-core/autocomplete | | Badge | @binom/ui-core/badge | | Button | @binom/ui-core/button | | Card | @binom/ui-core/card | | Checkbox | @binom/ui-core/checkbox | | Checkbox Group | @binom/ui-core/checkbox-group | | Data Filter | @binom/ui-core/data-filter | | Data Filter Pipe | @binom/ui-core/data-filter-pipe | | Data Filter Search | @binom/ui-core/data-filter-search | | Data Filter Svc | @binom/ui-core/data-filter-svc | | Data Sort | @binom/ui-core/data-sort | | Data Sort Button | @binom/ui-core/data-sort-button | | Data Sort Dropdown | @binom/ui-core/data-sort-dropdown | | Data Sort Svc | @binom/ui-core/data-sort-svc | | Dialog | @binom/ui-core/dialog | | Form Field | @binom/ui-core/form-field | | Form Field Control | @binom/ui-core/form-field-control | | Form Field Error | @binom/ui-core/form-field-error | | Form Field Error List | @binom/ui-core/form-field-error-list | | Form Field Group | @binom/ui-core/form-field-group | | Form Field Hint | @binom/ui-core/form-field-hint | | Form Field Info Trigger | @binom/ui-core/form-field-info-trigger | | Form Field Shared | @binom/ui-core/form-field-shared | | Form Input Style | @binom/ui-core/form-input-style | | Icon | @binom/ui-core/icon | | Indecator Slide | @binom/ui-core/indecator-slide | | Input Debounce | @binom/ui-core/input-debounce | | List | @binom/ui-core/list | | Menu | @binom/ui-core/menu | | Notification | @binom/ui-core/notification | | Overflow Nav | @binom/ui-core/overflow-nav | | Overlay Dropdown | @binom/ui-core/overlay-dropdown | | Overlay Helper | @binom/ui-core/overlay-helper | | Paginator | @binom/ui-core/paginator | | Picker Date | @binom/ui-core/picker-date | | Picker Time | @binom/ui-core/picker-time | | Picklist | @binom/ui-core/picklist | | Progress Bar | @binom/ui-core/progress-bar | | Progress Skeleton | @binom/ui-core/progress-skeleton | | Progress Spinner | @binom/ui-core/progress-spinner | | Radio | @binom/ui-core/radio | | Radio Button | @binom/ui-core/radio-button | | Rating | @binom/ui-core/rating | | Ripple | @binom/ui-core/ripple | | Scroll Container | @binom/ui-core/scroll-container | | Select | @binom/ui-core/select | | Select Button | @binom/ui-core/select-button | | Select Option | @binom/ui-core/select-option | | Select Shared | @binom/ui-core/select-shared | | Slide Toggle | @binom/ui-core/slide-toggle | | Slider | @binom/ui-core/slider | | Snackbar | @binom/ui-core/snackbar | | State Active | @binom/ui-core/state-active | | State Checked | @binom/ui-core/state-checked | | State Disabled | @binom/ui-core/state-disabled | | State Focus | @binom/ui-core/state-focus | | State Hover | @binom/ui-core/state-hover | | State Selected | @binom/ui-core/state-selected | | Stepper | @binom/ui-core/stepper | | Tab Nav | @binom/ui-core/tab-nav | | Table | @binom/ui-core/table | | Tabs | @binom/ui-core/tabs | | Theme Color | @binom/ui-core/theme-color | | Theme Darkmode | @binom/ui-core/theme-darkmode | | Theme Dense | @binom/ui-core/theme-dense | | Theme Preview | @binom/ui-core/theme-preview | | Theme Settings Dropdown | @binom/ui-core/theme-settings-dropdown | | Theme Settings Panel | @binom/ui-core/theme-settings-panel | | Theme Size | @binom/ui-core/theme-size | | Theme Svc | @binom/ui-core/theme-svc | | Theme Switch | @binom/ui-core/theme-switch | | Toast | @binom/ui-core/toast | | Toolbar | @binom/ui-core/toolbar | | Tooltip | @binom/ui-core/tooltip | | Tree | @binom/ui-core/tree |

Usage

Import from the main entry point or a secondary entry point:

import { /* ... */ } from '@binom/ui-core';
// or
import { /* ... */ } from '@binom/ui-core/a11y-aria-base';

Support

• Website: binom.net
• Documentation: ngx-docs.binom.net
• Bug reports & feature requests: GitHub Issues

Development

Run unit tests:

nx test ui-core