implementation

Cập nhật lần cuối: 27/05/2022

Header là thành phần cố định ở trên cùng của màn hình, dùng để hiển thị tiêu đề và các nút điều hướng

Mặc định tất cả Zalo Mini App đều có sẵn một header với giao diện tối giản, component này có thể sử dụng để thay thế cho header mặc định.

Properties

Header

Name	Type	Default	Description
backgroundColor	string		Màu nền của header.
backIcon	ReactNode		Tuỳ chỉnh nút back ở đầu header. Nếu như không được truyền vào, sẽ sử dụng nút back mặc định.
showBackIcon	boolean	true	Hiển thị nút back ở đầu header hoặc không.
textColor	string		Màu chữ của header.
title	string		Tiêu đề của header.
onBackClick	(e: React.MouseEvent) => void		Callback được gọi khi nút back được click.

Example

Open Sandbox

import React from "react";
import { Header, Page } from "zmp-ui";

export default function HomePage() {
  return (
    <Page>
      <Header title="Zalo Mini App" />
    </Page>
  );
}