chrome:shell.skip

generated:catalog.entry.list.title

generated:catalog.entry.list.description

@xngui/components/list
@xngui/components/list

chrome:demo.section

chrome:demo.preview

  • Ada Lovelace Engineer
  • Grace Hopper Admiral
  • Alan Turing Research

Selected: —

demo-preview:hints.category.assistive:
TipSR
demo-preview:projection.slots-label:
ng-content
import { Component } from '@angular/core';
import { XList, XListItem } from '@xngui/components/list';
 
@Component({
selector: 'app-example',
imports: [XList, XListItem],
templateUrl: './list.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-list

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
divided
boolean
false
Shows dividers between list items.
size
XSize
—
Visual size tier — falls back to XConfigService when unset.
density
XDensity
—
Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
ariaLabel
string
—
Accessible name for the list region when selection is enabled.
selectionMode
XSelectionMode | 'none'
'none'
Item selection behavior — `none` disables list-level selection.