chrome:shell.skip

generated:catalog.entry.gradient-text.title

generated:catalog.entry.gradient-text.description

@xngui/components/gradient-text
@xngui/components/gradient-text

chrome:demo.section

chrome:demo.preview

Gradient headline
demo-preview:hints.category.assistive:
TipSR
import { Component } from '@angular/core';
import { XGradientText } from '@xngui/components/gradient-text';
 
@Component({
selector: 'app-example',
imports: [XGradientText],
templateUrl: './gradient-text.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-gradient-text

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
text
string
''
Visible string — omit to project default slot content.
gradient
XTextGradient
DEFAULT_GRADIENT
Direction and color stops for the fill gradient.
animate
boolean
false
Shifts gradient position on a loop when `true`.