0.0.6 • Published 6 years ago
nz-custom-collapse v0.0.6
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. Installng-zorro-antdpackage first in-order to use this package. - Can be used to group or hide complex regions to keep the page clean.
Accordionis a special kind ofCollapse, 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-antdnpm install nz-custom-collapse. Append@latesttag 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
| Property | Description | Type | Default |
|---|---|---|---|
[nzAccordion] | Accordion mode | boolean | false |
[nzBordered] | Set border style | boolean | true |
nz-custom-collapse-panel
| Property | Description | Type | Default |
|---|---|---|---|
[nzDisabled] | If true, panel cannot be opened or closed | boolean | false |
[nzHeader] | Title of the panel | string|TemplateRef<void> | - |
[nzExpandedIcon] | Customize an icon for toggle | string|TemplateRef<void> | - |
[nzExtra] | Extra element in the corner | string|TemplateRef<void> | - |
[nzShowArrow] | Display arrow or not | boolean | true |
[nzActive] | Active status of panel, double binding | boolean | - |
(nzActiveChange) | Callback function of the active status | EventEmitter<boolean> | - |