Skip to content

Lead

A lead paragraph is the opening paragraph of an article, etc.

Paragraph class modifiers

Eufemia comes with several styles you can use on paragraphs and other HTML text elements, where .dnb-p--lead is one of them.

Lead in React

Lead using React JSX.

import { Lead } from '@dnb/eufemia'

Default lead

Lead with Anchor / Text Link looks great!

Code Editor
<div>
  <Lead>Default lead</Lead>
  <Lead>
    Lead with <Anchor href="/">Anchor / Text Link</Anchor> looks great!
  </Lead>
</div>