generated:catalog.entry.chip.title
generated:catalog.entry.chip.description
@xngui/components/chip@xngui/components/chipchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XChip } from '@xngui/components/chip';
@Component({
selector: 'app-example',
imports: [XChip],
templateUrl: './chip.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-chip
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — falls back to XConfigService when unset.
variantXVariant—Semantic color role for the chip surface — falls back to XConfigService when unset.
disabledbooleanfalsePrevents interaction and sets `aria-disabled` on the main button.
readonlybooleanfalseStatic display — suppresses toggle, dismiss, focus, and ripple.
dismissiblebooleanfalseShows a dismiss button and enables `dismissed` output.
dismissLabelstring—Accessible label for the dismiss button — falls back to the `chip.remove` i18n key.
rippleboolean—Material-style press ripple — falls back to XConfigService when unset.