← DataGrid API

Component · v2.6.0

NgbDatagridThemePickerComponent

Grid theme picker that emits NgbDataGridTheme values.

Import

import { NgbDatagridThemePickerComponent } from '@angular-bootstrap/ngbootstrap';

Selector:ngb-datagrid-theme-picker

Declaration

Inputs

label

label: string

Default:'Change Theme'

value

get value(): NgbDataGridTheme set value(value: NgbDataGridTheme)

themes

get themes(): NgbDataGridThemeOption[] set themes(themes: NgbDataGridThemeOption[] | null | undefined)

Outputs

valueChange

valueChange: EventEmitter<NgbDataGridTheme>

Properties

open

open: boolean

Default:false

selectedTheme

selectedTheme: NgbDataGridThemeOption

groupedThemes

groupedThemes: Array<{ label: NgbDataGridThemeOption['group']; items: NgbDataGridThemeOption[]; }>

Methods

toggle

toggle(): void

select

select(theme: NgbDataGridThemeOption): void

closeOnOutsideClick

closeOnOutsideClick(event: MouseEvent): void

closeOnEscape

closeOnEscape(): void

Referenced types

Source: src/datagrid/src/theme/datagrid-theme-picker.component.ts in the installed @angular-bootstrap/ngbootstrap package. Angular compiler metadata and private members are omitted.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.