The page navigation is complete. You may now navigate the page content as you wish.
Skip to main content

Documentation versions

Other versions
HDS components v7.0.0 is now available! Learn more about the changes in this major release

Typography

Classnames styling

Styling applied to HTML elements using the doc-text-*** CSS class names

H1 - Lorem ipsum dolor sit amet

H2 - Lorem ipsum dolor sit amet

H3 - Lorem ipsum dolor sit amet

H4 - Lorem ipsum dolor sit amet

H5 - Lorem ipsum dolor sit amet
H6 - Lorem ipsum dolor sit amet
This is the "base" body copy (doc-text-body) - lorem ipsum dolor praesent dapibus vitae velit non aliquet aenean feugiat hendrerit nibh quis placerat. in finibus ultricies risus, a sodales velit maximus et aenean commodo.
This is the "base" body copy with strong text / emphasized text / inline code
This is the "small" body copy (doc-text-body-small) - lorem ipsum dolor praesent dapibus vitae velit non aliquet aenean feugiat hendrerit nibh quis placerat. in finibus ultricies risus, a sodales velit maximus et aenean commodo
This is the "base" body copy with strong text / emphasized text / inline code
This is the "code" text (diffent from the "inline code" which has a specific styling)

Markdown styling

This is markdown text level 1

This is markdown text level 2

This is markdown text level 3

This is markdown text level 4

This is markdown text level 5
This is markdown text level 6

This is markdown text as body copy with strong emphasis and inline code

This is markdown text as blockquote