### File

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

### Example

### Metadata

selector | `ibm-product-switcher`

template

    <div class="bx--product-switcher__search">
    	<ng-content select="ibm-search"></ng-content>
    </div>
    <p class="bx--product-switcher__subheader">{{header}}</p>
    <ng-content></ng-content>

### Index

###### Inputs

- header

###### HostBindings

- class.bx--product-switcher

### Inputs

`header` | Default value : `""`
Defined in src/ui-shell/panel/product-switcher.component.ts:17

### HostBindings

class.bx--product-switcher
`class.bx--product-switcher: ```
Default value : `true`
Defined in src/ui-shell/panel/product-switcher.component.ts:18

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

    /**
     * @deprecated `ibm-product-x` selectors and components are deprecated and will be removed in the next major version
     */
    @Component({
    	selector: "ibm-product-switcher",
    	template: `
    		<div class="bx--product-switcher__search">
    			<ng-content select="ibm-search"></ng-content>
    		</div>
    		<p class="bx--product-switcher__subheader">{{header}}</p>
    		<ng-content></ng-content>
    	`
    })
    export class ProductSwitcher {
    	@Input() header = "";
    	@HostBinding("class.bx--product-switcher") hostClass = true;
    }

Legend
Html element
Component
Html element with directive

# result-matching ""

# No results matching ""