generated:catalog.entry.gallery.title
generated:catalog.entry.gallery.description
@xngui/components/gallery@xngui/components/gallerychrome:demo.section
chrome:demo.preview
forest.png Image
import { Component } from '@angular/core';
import { XGallery, XGalleryItem } from '@xngui/components/gallery';
import { XImage } from '@xngui/components/image';
import { XVideo } from '@xngui/components/video';
@Component({
selector: 'app-example',
imports: [XGallery, XGalleryItem, XImage, XVideo],
templateUrl: './gallery.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-gallery
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
ariaLabelstring—Accessible name for the gallery region.
loopbooleanfalseWrap prev/next navigation at the ends of the strip.
swipeEnabledbooleantrueEnable horizontal swipe gestures on the stage.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.