# config-header



<!-- Auto Generated Below -->


## Properties

| Property              | Attribute               | Description | Type                | Default     |
| --------------------- | ----------------------- | ----------- | ------------------- | ----------- |
| `configOptions`       | --                      |             | `IUserConfig[]`     | `[]`        |
| `hasChanges`          | `has-changes`           |             | `boolean`           | `false`     |
| `messagesBuilder`     | --                      |             | `SnkMessageBuilder` | `undefined` |
| `optionConfigChanged` | `option-config-changed` |             | `boolean`           | `false`     |
| `selectedConfig`      | --                      |             | `IUserConfig`       | `undefined` |


## Events

| Event         | Description | Type                |
| ------------- | ----------- | ------------------- |
| `configClose` |             | `CustomEvent<void>` |
| `saveConfig`  |             | `CustomEvent<void>` |


## Dependencies

### Used by

 - [snk-form-config](..)

### Depends on

- [configs-button](configs-button)

### Graph
```mermaid
graph TD;
  config-header --> configs-button
  snk-form-config --> config-header
  style config-header fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------