Alurkerja v1.0.0@Beta

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>}
		/>
	)
}