Skip to content

Section Component

A commonly used visual style is the DNB section divider. To make it easy to achieve this in your layout setup, have a look at the Section component.

React:

import { Section } from '@dnb/eufemia'
render(
<Section style_type="mint-green" spacing>
Visual DNB Section
</Section>,
)

CSS:

<div className="dnb-section dnb-section--spacing dnb-section--mint-green">
Visual DNB Section
</div>

Demo:

Visual DNB Section

More helpers

You may have a look on all the CSS and JavaScript helpers which comes included in the package.


SummaryCancel