@petkit/ngx-material-panel-select
TypeScript icon, indicating that this package has built-in type declarations

2.0.3 • Public • Published

ngx-material-panel-select

Angular material panel select component

example

Installation

npm install --save @petkit/ngx-material-panel-select

Usage

Import Module

import {
  MatPanelSelectModule,
} from '@petkit/ngx-material-panel-select';

@NgModule({
  imports: [
    MatPanelSelectModule,
  ],
}

Simple

<button mat-raised-button color="primary" [matMenuTriggerFor]="panelSelect.menu">panel select</button>

<ngx-mat-panel-select #panelSelect [data]="data"></ngx-mat-panel-select>
import {
  Component,
  OnInit,
} from '@angular/core';
import {
  IMatPanelSelectData,
} from '@petkit/ngx-material-panel-select';
import Mock from 'mockjs';

@Component({
  selector: 'ngx-mat-panel-select-simple',
  templateUrl: './mat-panel-select-simple.component.html',
  styleUrls: ['./mat-panel-select-simple.component.scss'],
})
export class MatPanelSelectSimpleComponent implements OnInit {
  data: IMatPanelSelectData[] = Mock.mock({
    'data|2-5': [{
      title: '@ctitle(2, 3)',
      'children|10-30': [{
        text: '@cword(2, 7)'
      }]
    }]
  }).data;

  constructor(
  ) { }

  ngOnInit() {
  }
}

License

MIT

Package Sidebar

Install

npm i @petkit/ngx-material-panel-select

Weekly Downloads

2

Version

2.0.3

License

MIT

Unpacked Size

99.3 kB

Total Files

30

Last publish

Collaborators

  • lovesora
  • qmy777