Returns the aria-label
attribute of the chips area.
let ariaLabel = this.chipsArea.ariaLabel;
Holds the IgxChipComponent
in the IgxChipsAreaComponent
.
ngAfterViewInit(){
let chips = this.chipsArea.chipsList;
}
An
property that sets the height of the IgxChipsAreaComponent
.
<igx-chips-area #chipsArea [width]="300" [height]="10" (onReorder)="chipsOrderChanged($event)"></igx-chips-area>
Emits an event after an IgxChipComponent
in the IgxChipsAreaComponent
is moved.
<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (moveEnd)="moveEnd($event)"></igx-chips-area>
Emits an event when an IgxChipComponent
in the IgxChipsAreaComponent
is moved.
<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (moveStart)="moveStart($event)"></igx-chips-area>
Emits an event when IgxChipComponent
s in the IgxChipsAreaComponent
should be reordered.
Returns an array of IgxChipComponent
s.
<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (onReorder)="changedOrder($event)"></igx-chips-area>
Returns the role
attribute of the chips area.
let chipsAreaRole = this.chipsArea.role;
Emits an event when an IgxChipComponent
in the IgxChipsAreaComponent
is selected/deselected.
Fired after the chips area is initialized if there are initially selected chips as well.
Returns an array of selected IgxChipComponent
s and the IgxChipAreaComponent
.
<igx-chips-area #chipsArea [width]="'300'" [height]="'10'" (selectionChange)="selection($event)"></igx-chips-area>
An
property that sets the width of the IgxChipsAreaComponent
.
<igx-chips-area #chipsArea [width]="300" [height]="10" (onReorder)="chipsOrderChanged($event)"></igx-chips-area>
The chip area allows you to perform more complex scenarios with chips that require interaction, like dragging, selection, navigation, etc.
Igx Module
IgxChipsModule
Igx Theme
igx-chip-theme
Igx Keywords
chip area, chip
Igx Group
display
Example