App

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

App là component chính chứa toàn bộ nội dung, cài đặt chung của ứng dụng. Những Component trong App có thể sử dụng chung các context và hook được cung cấp sẵn.

Properties

App

Name	Type	Default	Description
theme	Theme		Tùy chỉnh theme cho các component trong App

Type

Theme

Name	Description
"dark"	Theme dark
"light"	Theme light

Example

Open Sandbox

import React, { useEffect, useRef, useCallback } from "react";
import { Page, useTheme } from "zmp-ui";

function HomePage(props) {
  const { title, back } = props;
  const pageRef = useRef(null);
  const [theme] = useTheme();

  return (
    <div
      style={{
        padding: "16px",
        margin: "16px",
        background: theme !== "dark" ? "#FFFFFF" : "#141415",
        borderRadius: "8px",
        marginBottom: "24px",
      }}
    >
      <p>
        ZaUI Components là bộ UI Components được thiết kế theo chuẩn mobile,
        giúp bạn rút ngắn thời gian phát triển ứng dụng
      </p>
    </div>
  );
}

export default HomePage;