Footnote

A footnote provides additional information or a source for content in the main body of a page.

Status

PublishedElement can be used in production
PublishedElement can be used in production
Angular
Angular
In backlogElement is in backlog
React
React
In backlogElement is in backlog
Documentation
PublishedElement can be used in production

What's new

Footnote is a new component for the Dell Design System v2. The font ramp and text color reflect the new foundation styles and the component incorporates accessibility requirements.

When to use

ComponentUse case
FootnoteFootnote is always at the bottom of a page providing additional information or a source.
TooltipTooltip is a container that temporarily displays short, contextual text and is activated when a user hovers or focuses on an icon or other trigger.

Anatomy

Footnotes have three elements to attribute sources or provide additional information:

  1. Citation: identifying number from the page content reference.
  2. Footnote text: Identification of source or information.
  3. Back-to-citation link: navigates back to original page text.

Articles

Footers article

Read the Nielsen Norman Group's article on footnote.

Feedback