Component Request - FooterSocials - 1.5hrs

[drewbaker]

Component Description

This component is a fixed footer used at the bottom of most pages. It contains a <wp-menu> that will just link to social media.

Design

Please also see attached screenshots for quick reference.

• Desktop: https://xd.adobe.com/view/c0d9243f-2f1f-4b20-614b-bef83eff7c19-b6e8/screen/6eda68b8-f4d2-4efd-b9d9-61c11a4ce4e5/
• Mobile: https://xd.adobe.com/view/dd5e5638-85b6-40a8-4caa-797e6dbe406a-ab6f/screen/328ee22a-2ecc-4246-8d5c-db81679b9032/

Email drew@funkhaus.us for the design password.

Props

props: {
    items: {
        // Mock: api.menuItems
        type: Array,
        default: () => []
    }
}

Developer Tips

List any developer tips here

1. --color-footer-background and --color-footer-text for the colors
2. Make the element 255px tall.
3. It's really hard to measure these fixed elements in XD, so it's OK to eyeball the sizes for this (or ask Dave for the measurements)

Events

Note the hove state text outline effect.

Required components

List out any components that are used by this new component. For example, if you are building a grid that is made up of block components.

1. <wp-menu> see here is used for the menu. You can pass in the mockitems to wp-menu :items="items" for now.

Time & Budget

Time estimate: 1hrs
Budget: $100

Screenshots