All components

NAVIGATION / COMPONENTS

Footer

Provide useful context at the end.

Live component2 documented props

About footer

The Footer component provides a standard look and feel across all UX Prototype applications and provides access to global links like legal documentation, support links, and additional helpful but non-view critical views.

01

Anatomy

Shared parts, named consistently.

  1. 1
    ContainerRequired

    Contains the footer.

  2. 2
    Copyright ContainerRequired

    Copyright text.

  3. 3
    Links Container

    Description

  4. 4
    Footer LinkRequired

    Description

  5. 5
    DividerRequired

    Visually separates links.

  6. 6
    Timeout

    Counts down until user session timeout, when enabled.

  7. 7
    BorderRequired

    Border top.

Try the default

A working example with the shared V1 visual language.

When to use

Use for secondary destinations and product information. Keep essential task actions near the content they affect.

Footer links follow reading order and have descriptive names.

Related components

Header

Orient people at the top of an experience.

Sidebar

Make the workspace structure visible.

Breadcrumbs

Show location within a hierarchy.

Tabs

Switch between related views.

Source & adaptation

V1 semantic colors, DM Sans typography, compact controls, and responsive layouts. The API table describes this implementation; source design notes may use earlier API terminology.

components/library/layout.tsx