0.0.6 • Published 5 years ago

nz-custom-collapse v0.0.6

Weekly downloads
26
License
-
Repository
-
Last release
5 years ago

A content area which can be collapsed and expanded, with some changes from the original ng-zorro collapse animation.

When To Use

  • This package has dependency over ng-zorro-antd module. Install ng-zorro-antd package first in-order to use this package.
  • Can be used to group or hide complex regions to keep the page clean.
  • Accordion is a special kind of Collapse, which allows only one panel to be expanded at a time.

Installation

We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.

$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd
  • npm install nz-custom-collapse. Append @latest tag inorder to get latest package version.

Usage

Import the module into every module where you want to use the components.

import { NzCustomCollapseModule } from 'nz-custom-collapse';

@NgModule({
  imports: [ NzCustomCollapseModule ]
})

nz-custom-collapse

PropertyDescriptionTypeDefault
[nzAccordion]Accordion modebooleanfalse
[nzBordered]Set border stylebooleantrue

nz-custom-collapse-panel

PropertyDescriptionTypeDefault
[nzDisabled]If true, panel cannot be opened or closedbooleanfalse
[nzHeader]Title of the panelstring|TemplateRef<void>-
[nzExpandedIcon]Customize an icon for togglestring|TemplateRef<void>-
[nzExtra]Extra element in the cornerstring|TemplateRef<void>-
[nzShowArrow]Display arrow or notbooleantrue
[nzActive]Active status of panel, double bindingboolean-
(nzActiveChange)Callback function of the active statusEventEmitter<boolean>-
0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago