### File

`src/ui-shell/panel/panel.component.ts`

### Description

`Panel` is a component that can be used to display content on the right side of the screen. `Panel`s are generally activated by and linked to a `HeaderAction` component.

### Metadata

selector | `ibm-panel`

template

    <aside
    	class="bx--header-panel"
    	[ngClass]="{
    		'bx--panel--expanded': expanded
    	}">
    	<ng-content></ng-content>
    </aside>

### Index

###### Inputs

- expanded

### Inputs

`expanded` | Controls the visibility of the panel Default value : `false`
Defined in src/ui-shell/panel/panel.component.ts:23

    import { Component, Input } from "@angular/core";

    /**
     * `Panel` is a component that can be used to display content on the right side of the screen.
     * `Panel`s are generally activated by and linked to a `HeaderAction` component.
     */
    @Component({
    	selector: "ibm-panel",
    	template: `
    		<aside
    			class="bx--header-panel"
    			[ngClass]="{
    				'bx--panel--expanded': expanded
    			}">
    			<ng-content></ng-content>
    		</aside>
    	`
    })
    export class Panel {
    	/**
    	 * Controls the visibility of the panel
    	 */
    	@Input() expanded = false;
    }

Legend
Html element
Component
Html element with directive

# result-matching ""

# No results matching ""