mbbiz

Angular UI components and design tokens for Mbbiz.

Docs

Full component docs, tokens, and Iconography:

mbbiz Docs

Source: github.com/hieudeptrai1112/sportbook_mbbiz

Install

npm install mbbiz

This package expects the consuming app to provide Angular and NG-Zorro:

npm install @angular/common @angular/core @angular/forms @angular/platform-browser ng-zorro-antd

Theme

Import the theme files once in the consuming application's global stylesheet:

@import 'mbbiz/theme.css';
@import 'mbbiz/zorro-bridge.less';

theme.css contains the Mbbiz semantic tokens. zorro-bridge.less maps the supported token subset into NG-Zorro theme variables.

Usage

Import the standalone components you need from mbbiz:

import { MbbizButtonComponent, MbbizInputComponent } from 'mbbiz';

@Component({
  selector: 'app-root',
  imports: [MbbizButtonComponent, MbbizInputComponent],
  template: `
    <mbbiz-button>Submit</mbbiz-button>
    <mbbiz-input label="Username" placeholder="Enter username" />
  `,
})
export class AppComponent {}

Components

• MbbizButtonComponent
• MbbizInputComponent
• MbbizSearchInputComponent
• MbbizPasswordInputComponent
• MbbizTextareaComponent
• MbbizFloatingLabelInputComponent
• MbbizAffixInputComponent
• MbbizAffixLabelInputComponent
• MbbizInputTagComponent
• MbbizDropdownComponent
• MbbizDropdownTagComponent
• MbbizDatepickerComponent
• MbbizModalComponent
• MbbizCheckboxComponent
• MbbizCheckboxGroupComponent
• MbbizRadioComponent
• MbbizRadioGroupComponent
• MbbizSwitchComponent