Introductory paragraph#

Import#

import { Ingress } from '@dnb/eufemia/elements'

Description#

An ingress is a brief, introductory paragraph that follows immediately after the title of an article.

Ingress uses Medium by default, matching Eufemia Web in Figma. Use an explicit weight only when the design calls for it:

<Ingress weight="regular">A short introduction to the article.</Ingress>

Relevant links#

• Source code
• Docs code

Demos#

<div>
  <Ingress>Default ingress</Ingress>
  <Ingress>
    Ingress with <Anchor href="/">Anchor / Text Link</Anchor> looks great!
  </Ingress>
</div>