MYDS Logo

    MYDS

    Beta

    Masthead

    The Masthead component is a standardized header for Malaysian government websites.

    Official Malaysian Government Website

    Usage

    Import
    import {
      Masthead,
      MastheadHeader,
      MastheadContent,
      MastheadTitle,
      MastheadTrigger,
      MastheadSection,
    } from "@govtechmy/myds-react/masthead";
    Anatomy
    export default () => (
      <Masthead>
        <MastheadHeader>
          <MastheadTitle />
          <MastheadTrigger />
        </MastheadHeader>
        <MastheadContent>
          <MastheadSection />
        </MastheadContent>
      </Masthead>
    );

    Props

    Masthead

    PropTypeDefault
    children
    ReactNode
    -

    MastheadHeader

    PropTypeDefault
    children
    ReactNode
    -

    MastheadTitle

    PropTypeDefault
    children
    ReactNode
    -

    MastheadTrigger

    PropTypeDefault
    children
    ReactNode
    -

    MastheadContent

    PropTypeDefault
    children
    ReactNode
    -

    MastheadSection

    PropTypeDefault
    title
    ReactNode
    -
    icon
    ReactNode
    -
    children
    ReactNode
    -

    On this page