chrome:shell.skip

generated:catalog.entry.spoiler-text.title

generated:catalog.entry.spoiler-text.description

@xngui/components/spoiler-text
@xngui/components/spoiler-text

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.pointer:
ClickHover
import { Component } from '@angular/core';
import { XSpoilerText } from '@xngui/components/spoiler-text';
 
@Component({
selector: 'app-example',
imports: [XSpoilerText],
templateUrl: './spoiler-text.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-spoiler-text

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
text
string
''
Concealed string revealed on interaction.
mode
XSpoilerTextMode
'blur'
Concealment style — blur or mask.
trigger
XSpoilerTextTrigger
'click'
Interaction that reveals or toggles the text.