Class UIChip

A removable chip / tag indicator.

Content is projected as the label. When removable is true, a dismiss button is shown and removed is emitted on click.

Example

<ui-chip>Default</ui-chip>
<ui-chip color="success" [removable]="true" (removed)="onRemove()">Active</ui-chip>

Index

Constructors

constructor

Properties

ariaLabel color disabled removable removed

Constructors

constructor

new UIChip(): UIChip
Returns UIChip

Properties

`Readonly`ariaLabel

ariaLabel: InputSignal<string | undefined> = ...

Accessible label for the chip.

`Readonly`color

color: InputSignal<ChipColor> = ...

Color preset.

`Readonly`disabled

disabled: InputSignal<boolean> = ...

Whether the chip is disabled.

`Readonly`removable

removable: InputSignal<boolean> = ...

Whether the chip can be removed (shows dismiss button).

`Readonly`removed

removed: OutputEmitterRef<void> = ...

Emitted when the dismiss button is clicked.

Class UIChip

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIChip

Properties

`Readonly`ariaLabel

`Readonly`color

`Readonly`disabled

`Readonly`removable

`Readonly`removed

Settings

On This Page

Class UIChip

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIChip

Properties

ReadonlyariaLabel

Readonlycolor

Readonlydisabled

Readonlyremovable

Readonlyremoved

Settings

On This Page

`Readonly`ariaLabel

`Readonly`color

`Readonly`disabled

`Readonly`removable

`Readonly`removed