<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [useManagementBarDefaults](./react.usemanagementbardefaults.md)

## useManagementBarDefaults() function

Helper to create the props necessary for the default inverted management bar. Basic colors can be customized, but note that if you do not want an always-inverted bar like that used in the DataShaper webapp, you may want to just tweak the Fluent styles as normal.

<b>Signature:</b>

```typescript
export declare function useManagementBarDefaults(props?: ProjectManagementCommandBarProps, colors?: {
    color?: string;
    background?: string;
    border?: string;
}): ProjectManagementCommandBarProps;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  props | [ProjectManagementCommandBarProps](./react.projectmanagementcommandbarprops.md) | <i>(Optional)</i> |
|  colors | { color?: string; background?: string; border?: string; } | <i>(Optional)</i> |

<b>Returns:</b>

[ProjectManagementCommandBarProps](./react.projectmanagementcommandbarprops.md)


