@theredhead — Frontend Library - v0.2.0
    Preparing search index...

    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.

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

    Constructors

    constructor

    Properties

    ariaLabel backgroundColor color disabled muted removable removed resolvedTextColor selected textColor

    Constructors

    Properties

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

    Accessible label for the chip.

    backgroundColor: InputSignal<string | null> = ...

    Optional per-instance background color override.

    color: InputSignal<ChipColor> = ...

    Color preset.

    disabled: InputSignal<boolean> = ...

    Whether the chip is disabled.

    muted: InputSignal<boolean> = ...

    Use a softer surface treatment instead of a filled semantic colour.

    removable: InputSignal<boolean> = ...

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

    removed: OutputEmitterRef<void> = ...

    Emitted when the dismiss button is clicked.

    resolvedTextColor: Signal<string | null> = ...

    Resolve readable text for arbitrary background color overrides.

    selected: InputSignal<boolean> = ...

    Whether the chip represents an active or selected item.

    textColor: InputSignal<string | null> = ...

    Optional per-instance text color override.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties