Component · v2.7.0

NgbSplitterPaneComponent

Pane content and sizing configuration projected inside ngb-splitter.

Import

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

Selector:ngb-splitter-pane

Declaration

class NgbSplitterPaneComponent

Inputs

`paneId`

Optional stable ID for this pane's rendered content container.

paneId: string

Default:''

`ariaLabel`

Names this pane and its following resize separator.

ariaLabel: string

Default:''

`size`

Initial CSS pane size, such as 30% or 200px. Empty shares remaining space; resizing updates the pane size.

size: string

Default:''

`min`

Minimum pane size used by resizing, in px or %.

min: string

Default:'0px'

`max`

Maximum pane size used by resizing, in px or %.

max: string

Default:'100%'

`scrollable`

Allows scrolling inside the pane.

scrollable: boolean

Default:true

`collapsible`

Shows a collapse/expand control for this pane.

collapsible: boolean

Default:false

`collapsed`

Whether the pane is collapsed. Supports [(collapsed)] with collapsedChange.

collapsed: boolean

Default:false

Outputs

`collapsedChange`

Emits the new boolean state when Splitter toggles this pane.

collapsedChange: EventEmitter<boolean>

Properties

`template`

Template containing the pane’s projected content; consumed by the parent Splitter.

template: TemplateRef<any>

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