# ConfigurationView

Configuration view with sidebar navigation and section content

## Installation

```tsx
import { ConfigurationView } from 'uxp/components';
```

## Signature

```tsx
const ConfigurationView: React.FunctionComponent<IConfigurationViewProps>
```

## Properties

| Name            | Type                                                                                                                | Mandatory | Default Value | Example Value |
| --------------- | ------------------------------------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| uxpContext      | [IContextProvider](https://help.iviva.com/uxp/v5/additional-resources/types/icontextprovider)                       | Yes       | -             | -             |
| title           | string                                                                                                              | Yes       | -             | -             |
| sections        | [IConfigurationViewSection\[\]](https://help.iviva.com/uxp/v5/additional-resources/types/iconfigurationviewsection) | Yes       | -             | -             |
| selected        | string                                                                                                              | No        | -             | -             |
| onChangeSection | (id: string) => void                                                                                                | No        | -             | -             |

## Related Types

* [IConfigurationViewProps](https://help.iviva.com/uxp/v5/additional-resources/types/iconfigurationviewprops)
* [IContextProvider](https://help.iviva.com/uxp/v5/additional-resources/types/icontextprovider)
* [IPartialContextProvider](https://help.iviva.com/uxp/v5/additional-resources/types/ipartialcontextprovider)
* [Language](https://help.iviva.com/uxp/v5/additional-resources/types/language)
* [ICustomThemes](https://help.iviva.com/uxp/v5/additional-resources/types/icustomthemes)
* [IThemeProps](https://help.iviva.com/uxp/v5/additional-resources/types/ithemeprops)
* [ThemeType](https://help.iviva.com/uxp/v5/additional-resources/types/themetype)
* [UserDetails](https://help.iviva.com/uxp/v5/additional-resources/types/userdetails)
* [NavigationLink](https://help.iviva.com/uxp/v5/additional-resources/types/navigationlink)
* [Routes](https://help.iviva.com/uxp/v5/additional-resources/types/routes)
* [ConfiguredPage](https://help.iviva.com/uxp/v5/additional-resources/types/configuredpage)
* [ComponentType](https://help.iviva.com/uxp/v5/additional-resources/types/componenttype)
* [IUXPFunctions](https://help.iviva.com/uxp/v5/additional-resources/types/iuxpfunctions)
* [ViewOverride](https://help.iviva.com/uxp/v5/additional-resources/types/viewoverride)
* [Environment](https://help.iviva.com/uxp/v5/additional-resources/types/environment)
* [ExecutionOptions](https://help.iviva.com/uxp/v5/additional-resources/types/executionoptions)
* [CachingOptions](https://help.iviva.com/uxp/v5/additional-resources/types/cachingoptions)
* [IDataFunction](https://help.iviva.com/uxp/v5/additional-resources/types/idatafunction)
* [QueryParams](https://help.iviva.com/uxp/v5/additional-resources/types/queryparams)
* [ExecutionResult](https://help.iviva.com/uxp/v5/additional-resources/types/executionresult)
* [ExecuteMicroserviceConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executemicroserviceconfig)
* [ExecuteConfigBase](https://help.iviva.com/uxp/v5/additional-resources/types/executeconfigbase)
* [LucyQueryResult](https://help.iviva.com/uxp/v5/additional-resources/types/lucyqueryresult)
* [IConfigurationViewSection](https://help.iviva.com/uxp/v5/additional-resources/types/iconfigurationviewsection)