@bloc-ui/kit

Latest: v1.0.3

All-in-one umbrella package for the Bloc UI component library. Install this single package to get every Bloc UI component and service.

Live Documentation & Demos

Installation

npm install @bloc-ui/kit

Peer dependencies: @angular/common, @angular/core, and @angular/forms ≥ 21. (@angular/forms is required by @bloc-ui/date-picker.)

What's included

| Re-exported package | Description | | ---------------------------------------------------------------------------- | ----------------------------------------------- | | @bloc-ui/core | Button, Checkbox, Input, Radio, Spinner, Toggle | | @bloc-ui/modal | Service-driven modal dialogs | | @bloc-ui/table | Declarative data table | | @bloc-ui/toast | Toast notification service | | @bloc-ui/date-picker | Calendar date picker | | @bloc-ui/tab | Tab group component |

Usage

Import anything from @bloc-ui/kit — all public symbols are re-exported:

import { BlocButtonComponent } from '@bloc-ui/kit';
import { BlocModalService } from '@bloc-ui/kit';
import { BlocTableComponent } from '@bloc-ui/kit';
import { BlocToastService } from '@bloc-ui/kit';
import { BlocDatePickerTriggerDirective } from '@bloc-ui/kit';
import { BlocTabGroupComponent } from '@bloc-ui/kit';

Smaller bundles

For better tree-shaking, import directly from individual packages instead:

import { BlocButtonComponent } from '@bloc-ui/core/button';
import { BlocModalService } from '@bloc-ui/modal';
import { BlocTableComponent } from '@bloc-ui/table';

Theming

Add the optional theme package for light/dark mode, brand colours, and design tokens:

npm install @bloc-ui/theme

@use '@bloc-ui/theme/styles/bloc-theme';

See the @bloc-ui/theme README for details.

License

MIT