Page Section

    Overview

    When to use

    The page section is used to structure content on one page in multiple sections. The sections are necessary if the page should have an Onepager-Navigation. In this case the section needs an id and the data-opnav-title attribute.

    When to consider an alternative

    If the content could be structured with classic headlines in a rich text.


    Component

    Default

    1024px
    375px768px1400px

    Properties

    PageSection

    PropertyTypeRequiredDefault
    childrenUnion
    Class(PageSection.Header) │ Class(PageSection.Body) │ Class(PageSection.Footer) │ Array<Class(PageSection.Header) │ Class(PageSection.Body) │ Class(PageSection.Footer)>
    false-

    PageSection.Header

    PropertyTypeRequiredDefault
    titleStringtrue-

    PageSection.Body

    PropertyTypeRequiredDefault
    childrenNodefalse-
    utilClassNamesNodefalse-

    PageSection.Footer

    PropertyTypeRequiredDefault
    childrenNodefalse-