Doormat

The Doormat component is a comprehensive footer that can be used to display site navigation, brand information, and social media links. It’s designed to be a one-stop solution for the end of your page.

<Doormat
      info={{
          title: "Great Crested Flycatcher",
          body: "Comes solitudo averto vergo tam amo crinis apto porro temperantia. Valde minima vereor voluptatum damnatio est architecto. Atrox subito conatus tumultus ipsa.",
          actions: (
            <Row>
              <Button>Allen's Hummingbird</Button>
            </Row>
          ),
      }}
      links={[
          {
              title: "Green-breasted Mango",
              links: [
                  { children: "Gray Kingbird", href: "#" },
                  { children: "Boat-tailed Grackle", href: "#" },
                  { children: "Virginia Rail", href: "#" },
              ],
          },
      ]}
      brand={<Text variant="title">Aluminum</Text>}
      socialLinks={[
          { icon: <Icon.Public />, href: "#" },
          { icon: <Icon.Place />, href: "#" },
      ]}
  />

Anatomy

Belted Kingfisher

Brevis candidus comis arca sophismata laboriosam caveo tres. Chirographum subvenio considero atavus ubi appono cetera. Audentia carcer talio admiratio tamquam.

Wedge-rumped Storm-Petrel

Brown-capped Rosy-Finch Common Murre Reddish Egret

Bronze

1.SurfaceThe main container for the doormat.

2.InfoThe section for general information.

3.LinksThe section for navigational link columns.

4.BrandThe area for the brand logo or name.

5.Social LinksThe area for social media icon links.

Reference

Props

Name	Type	Default	Description
`info`	`InfoProps`	-	The information to display in the doormat. See `Info`.
`links`	`object[]`	`[]`	The links to display in the doormat.
`brand`	`ReactNode`	-	The brand to display in the doormat.
`socialLinks`	`object[]`	-	The social media links to display in the doormat.

`links` Props

Name	Type	Default	Description
`title`	`string`	-	The title of the link column.
`links`	`LinkProps[]`	`[]`	The links to display in the column. See `Link`.

`socialLinks` Props

Name	Type	Default	Description
`icon`	`Icon`	-	The icon to display for the social media link.
`href`	`string`	-	The URL of the social media link.