#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:

#More helpers

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