0.0.6 • Published 7 years ago
nz-custom-collapse
Licence
—
Version
0.0.6
Deps
1
Size
182 kB
Vulns
0
Weekly
0
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-antd
npm 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> |
- |