[Home](./index.md) > [@datashaper/react](./react.md) > [useHeaderCommandBarDefaults](./react.useheadercommandbardefaults.md) ## useHeaderCommandBarDefaults() 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. Signature: ```typescript export declare function useHeaderCommandBarDefaults(props?: Partial, far?: boolean, colors?: Partial): ICommandBarProps; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | props | Partial<ICommandBarProps> | (Optional) | | far | boolean | (Optional) | | colors | Partial<[CommandBarColors](./react.commandbarcolors.md)> | (Optional) | Returns: ICommandBarProps