generated:catalog.entry.shimmer.title
generated:catalog.entry.shimmer.description
@xngui/components/shimmer@xngui/components/shimmerchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XShimmer } from '@xngui/components/shimmer';
@Component({
selector: 'app-example',
imports: [XShimmer],
templateUrl: './shimmer.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-shimmer
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
textstring''Visible string — omit to project default slot content.
activebooleantrueApplies the shimmer sweep; when `false`, renders plain text.
durationnumber2000Duration of one highlight sweep in milliseconds.
colorstring—Highlight color; falls back to a mix derived from `currentColor` when unset.
spreadstringX_SHIMMER_DEFAULT_SPREADWidth of the highlight band.
anglenumber20Tilt of the highlight band in degrees.
reversebooleanfalseSweeps the highlight in the opposite direction.
oncebooleanfalsePlays a single sweep instead of looping.