Skip to main content

Header.Content

A component to use as a header at the top of the screen. It can contain the screen title & subtitle

Vector icon

Usage​

import { Header, Screen, Text } from "@/components";
import useHeader from "@/hooks/useHeader";
import React from "react";

const HomeScreen = () => {
  useHeader(() => (
    <Header>
      <Header.Content title="hellow" subTitle="John Doe" />
    </Header>
  ));

  return <Screen background="primary50" />;
};

export default HomeScreen;

Props​

Extends ...LayoutProps<Theme> from the Icon component

title​

Type: string

Main header title.

subTitle​

Type: string

Optional subtitle text.

color​

Type: string

Define the color of the title and subTitle