MYDS Logo

    MYDS

    Beta

    Footer

    Komponen footer yang diseragamkan untuk laman web kerajaan Malaysia.

    Penggunaan

    Import
    import {
      Footer,
      SiteInfo,
      FooterSection,
      SiteLinkGroup,
      SiteLink,
      FooterLogo,
    } from "@govtechmy/myds-react/footer";
    Anatomy
    export default () => (
      <Footer>
        <FooterSection>
          <SiteInfo>
            <FooterLogo />
          </SiteInfo>
          <SiteLinkGroup>
            <SiteLink />
          </SiteLinkGroup>
        </FooterSection>
      </Footer>
    );

    Contoh

    FooterSection

    FooterSection adalah bekas(container) untuk menyusun kandungan footer dan menyediakan tingkah laku responsif.

    SiteInfo

    Komponen HTML aside yang digunakan untuk mengandungi maklumat seperti maklumat jabatan dan pautan media sosial.

    SiteLinkGroup

    Bekas (container) yang menyusun koleksi SiteLink ke dalam kumpulan bertajuk.

    Props

    PropTypeDefault
    children
    ReactNode
    -
    className
    string
    -

    FooterSection

    PropTypeDefault
    children
    ReactNode
    -
    className
    string
    -

    SiteInfo

    PropTypeDefault
    children
    ReactNode
    -
    className
    string
    -

    SiteLinkGroup

    PropTypeDefault
    children
    ReactNode
    -
    className
    string
    -
    groupTitle
    ReactNode
    -
    linkCount
    number
    8
    PropTypeDefault
    className
    string
    -
    logoTitle
    ReactNode
    -
    logo
    ReactNode
    -
    PropTypeDefault
    className
    string
    -
    children
    ReactNode
    -
    asChild
    boolean
    false

    Di halaman ini