Skip to content

YuvWidgetGridComponent

component

Selector: yuv-widget-grid

Standalone: No

Type: string[] | undefined

Default Value: undefined

Collection of buckets to load available widgets from. Wildcards are also posssible: [buckets]="['app.default', '*.public.*', 'app.no?.widgets']"``* represents any character 0-n times ? represents exactly one character

Type: boolean

Default Value: false

Whether or not to enable edit mode. In edit mode controls for editing existing tiles and creating new ones are shown. This mode also enables positioning and resizing of the tiles.

Type: Partial<WidgetGridConfig> | undefined

Type: Array<WidgetGridItemConfig> | undefined

Default Value: undefined

Type: Array<WidgetGridItemConfig>

Emitted when the grid has been changed

Type: GridItemEvent

Type: boolean

Emitted when the widget picker is opened or closed in edit mode

Type: unknown

Default Value: signal<boolean>(false)

Type: unknown

Default Value: viewChild.required(GridsterItemComponent)

Type: GridsterConfig

Default Value: \{ gridType: GridType.Fit, displayGrid: DisplayGrid.None, pushItems: false, outerMargin: false, swap: false, draggable: \{ enabled: false, ignoreContent: true, dragHandleClass: 'dragHandle' \}, resizable: \{ enabled: false \}, itemChangeCallback: (gridsterItem: GridsterItem, gridsterItemComponent: GridsterItemComponentInterface) => \{ this.emitChange(); \} \}

Type: Array<WidgetGridItem>

Default Value: []

Type: unknown

Default Value: viewChild.required('widgetPicker', \{ read: TemplateRef \})

Type: WidgetPickerData | undefined

Add a new widget to the grid by opening the widget picker

addItem(): void
openWidgetPicker(item?: WidgetGridItem): void
NameTypeDescription
itemWidgetGridItem

Removes a widget from the grid

removeItem(item: WidgetGridItem): void
NameTypeDescription
itemWidgetGridItem