Header
Base
Hi, Admin
Typescript
import { Header } from 'alurkerja-ui'
export const HeaderPage = () => {
return(
<Header
onClickAvatar={undefined}
onClickNotification={undefined}
avatarContent={<div>ini content avatar</div>}
notificationContent={<div>ini content notifikasi</div>}
/>
)
}Title
Instansi
Hi, Admin
Typescript
import { Header } from 'alurkerja-ui'
export const HeaderPage = () => {
return(
<Header
onClickAvatar={undefined}
onClickNotification={undefined}
avatarContent={<div>ini content avatar</div>}
notificationContent={<div>ini content notifikasi</div>}
title={'Instansi'}
/>
)
}Custom Title with Component
Instansi
Hi, Admin
Typescript
import { Header } from 'alurkerja-ui'
export const HeaderPage = () => {
return(
<Header
onClickAvatar={undefined}
onClickNotification={undefined}
avatarContent={<div>ini content avatar</div>}
notificationContent={<div>ini content notifikasi</div>}
title={<span className="bg-teal-300 font-semibold text-xl p-4">Instansi</span>}
/>
)
}