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.