How to use the terra-application-utility/lib/terra-dev-site/doc/common/MockConfig function in terra-application-utility
To help you get started, we’ve selected a few terra-application-utility examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
cerner / terra-framework / packages / terra-application-utility / src / terra-dev-site / doc / example / ApplicationMenuUtilityExample.jsx View on Github 
render() {
const accessory = <img src="{FallbackAvatar}" alt="Fallback Avatar">;
const title = 'User Name';
return (
<div>
<div>
</div>
<div>{`Trigger event for: ${this.state.selectedKey}.`}</div>
<div>{`Disclose count: ${this.state.discloseCount}.`}</div>
</div>
);
}
}render() {
const customComponent = <img src="{FallbackAvatar}" alt="Fallback Avatar">;
return (
<div>
<div>
</div>
<div>{`Trigger event for: ${this.state.selectedKey}`}</div>
<div>{`Request close count: ${this.state.requestCloseCount}`}</div>
</div>
);
}
}render() {
const accessory = <img src="{FallbackAvatar}" alt="Fallback Avatar">;
const title = 'User Name';
return (
<div>
<div>
{}}
onDisclose={this.onDiscloseUtility}
initialSelectedKey="menu"
title={title}
accessory={accessory}
variant={UtilityUtils.VARIANTS.HEADER}
/>
</div>
<div>{`Disclose count: ${this.state.discloseCount}`}</div>
</div>
);
}
}terra-application-utility
The Utility is used to disclose a utility menu. There are two versions - a header version and menu version. These should be used with the corresponding `terra-application-header-layout` and `terra-application-menu-layout` components.
