[@rxap/layout](../wiki/globals) / SettingsButtonComponent

# Class: SettingsButtonComponent

Defined in: [default-header/settings-button/settings-button.component.ts:55](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L55)

## Constructors

### new SettingsButtonComponent()

> **new SettingsButtonComponent**(): [`SettingsButtonComponent`](../wiki/Class.SettingsButtonComponent)

#### Returns

[`SettingsButtonComponent`](../wiki/Class.SettingsButtonComponent)

## Properties

### availableThemes

> `readonly` **availableThemes**: `null` \| `string`[]

Defined in: [default-header/settings-button/settings-button.component.ts:78](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L78)

***

### availableTypographies

> `readonly` **availableTypographies**: `null` \| `string`[]

Defined in: [default-header/settings-button/settings-button.component.ts:75](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L75)

***

### customItemComponents

> **customItemComponents**: `Signal`\<`ComponentPortal`\<`unknown`\>[]\>

Defined in: [default-header/settings-button/settings-button.component.ts:62](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L62)

***

### customItems

> **customItems**: `WritableSignal`\<[`SettingsMenuItem`](../wiki/Interface.SettingsMenuItem)[]\>

Defined in: [default-header/settings-button/settings-button.component.ts:67](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L67)

***

### injector

> `protected` `readonly` **injector**: `Injector`

Defined in: [default-header/settings-button/settings-button.component.ts:60](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L60)

***

### isDevMode

> **isDevMode**: `boolean`

Defined in: [default-header/settings-button/settings-button.component.ts:57](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L57)

***

### theme

> `readonly` **theme**: `ThemeService`

Defined in: [default-header/settings-button/settings-button.component.ts:59](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L59)

## Methods

### clickItem()

> **clickItem**(`item`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:117](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L117)

#### Parameters

##### item

[`SettingsMenuItem`](../wiki/Interface.SettingsMenuItem)

#### Returns

`void`

***

### previewDensity()

> **previewDensity**(`density`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:81](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L81)

#### Parameters

##### density

`ThemeDensity`

#### Returns

`void`

***

### previewTheme()

> **previewTheme**(`theme`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:105](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L105)

#### Parameters

##### theme

`string`

#### Returns

`void`

***

### previewTypography()

> **previewTypography**(`typography`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:93](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L93)

#### Parameters

##### typography

`string`

#### Returns

`void`

***

### restoreDensity()

> **restoreDensity**(): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:85](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L85)

#### Returns

`void`

***

### restoreTheme()

> **restoreTheme**(): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:109](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L109)

#### Returns

`void`

***

### restoreTypography()

> **restoreTypography**(): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:97](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L97)

#### Returns

`void`

***

### setDensity()

> **setDensity**(`density`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:89](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L89)

#### Parameters

##### density

`ThemeDensity`

#### Returns

`void`

***

### setTheme()

> **setTheme**(`theme`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:113](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L113)

#### Parameters

##### theme

`string`

#### Returns

`void`

***

### setTypography()

> **setTypography**(`typography`): `void`

Defined in: [default-header/settings-button/settings-button.component.ts:101](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/default-header/settings-button/settings-button.component.ts#L101)

#### Parameters

##### typography

`string`

#### Returns

`void`