components icon

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
Documentation
PublishedElement can be used in production
Adobe XD
Adobe XD Kit
In backlogElement is in backlog
PublishedElement can be used in production
React
React
In backlogElement is in backlog
Angular
Angular
In backlogElement is in backlog
ExperimentalElement offered for testing and feedback. Not intended for use in production.

What's new

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

Anatomy

Elements of a footnote, labeled 1 through 3.

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.

Feedback