Bravura UI Components for Angular applications

This package contains a set of UI components built on top of Angular Material library and Component Development Kit. It supplements Angular Material in implementing Bravura UX Design System, which is an extension of the latest Material Design Specification.

Storybook on Chromatic

Angular version compatibility

Setup

Install the package in your Angular project by using one of the commands below, according to the package manager chosen.

NPM:

npm install --save @bravura/ui

Yarn:

yarn add @bravura/ui

Import the NgModule from one of the sub-packages where the component is provided. For example:

@import {RadioPanelModule} from '@bravura/ui/radio-panel'
@NgModule({
    declarations: [MyComponent],
    imports: [RadioPanelModule]
})
export class MyModule {}

Theming

To incorporate components' theming with Angular Material, you need to configure a custom theme, following the theming guide on the Angular Material document site. In the global style SASS partial where the Material theme is configured, add the BUI theme mixin reference to activate theming.

You may also need to include the CSS of custom font definitions for Material Icon Font into the global stylesheets.