Default (MiHCM Security)
User AdministrationSecurity & Permissions
import { TitleBar } from '@mihcm/ui/TitleBar';
<TitleBar
icon={<ShieldIcon />}
supertitle="User Administration"
title="Security & Permissions"
/>With a page-level action
User AdministrationSecurity & Permissions
import { Button } from '@mihcm/ui/Button';
<TitleBar
icon={<ShieldIcon />}
supertitle="User Administration"
title="Security & Permissions"
action={<Button size="sm">New role</Button>}
/>Title only
Dashboard
<TitleBar title="Dashboard" />With proper h1 semantics
<TitleBar
icon={<ShieldIcon />}
supertitle="User Administration"
title={<h1 className="m-0 text-inherit font-inherit">Security & Permissions</h1>}
/>