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	'dark' | 'light'	'light'	Thiết lập giao diện sáng / tối cho các component trong ứng dụng

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;