Import#
import { Lead } from '@dnb/eufemia/elements'
Description#
A lead paragraph is the opening paragraph of an article, such as a blog post or news story.
Lead uses the selected brand's text font and lead typography. The DNB UI theme uses Medium, matching the Eufemia Web Figma library. See font roles.
Relevant links#
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.
Demos#
Default lead
Lead with Anchor / Text Link looks great!
<div> <Lead>Default lead</Lead> <Lead> Lead with <Anchor href="/">Anchor / Text Link</Anchor> looks great! </Lead> </div>