Class ZetaFilterChip

Chips that are used to filter content, that are clickable, selectable and draggable. They have a default and active state.

change - Fired when the filter chip is selected/deselected

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21265-14112

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-chips--docs

Hierarchy

BaseChip
- ZetaFilterChip

Index

Constructors

Methods

clickHandler getIcon render

Properties

active? disabled rounded styles

Constructors

constructor

new ZetaFilterChip(): ZetaFilterChip
Returns ZetaFilterChip
Inherited from BaseChip.constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

Methods

clickHandler

clickHandler(): void
Returns void
- Defined in src/components/chips/filter-chip/filter-chip.ts:28

getIcon

getIcon(): TemplateResult<1> | typeof nothing
Returns TemplateResult<1> | typeof nothing
- Defined in src/components/chips/filter-chip/filter-chip.ts:20

`Protected`render

render(): TemplateResult<1>
Returns TemplateResult<1>
Overrides BaseChip.render
- Defined in src/components/chips/filter-chip/filter-chip.ts:33

Properties

`Optional`active

active?: boolean

disabled

disabled: boolean

rounded

rounded: boolean

`Static`styles

styles: (CSSResult | CSSResultGroup[])[] = ...