SubHeading

Import

import { Form } from '@dnb/eufemia/extensions/forms'
render(<Form.SubHeading />)

Description

Form.SubHeading is a standardized sub heading for sections, ensuring default layout, spacing etc.

The used font-size is set to large.

import { Flex, Card } from '@dnb/eufemia'
import { Form, Field } from '@dnb/eufemia/extensions/forms'
render(
  <Form.Handler onSubmit={submitHandler}>
    <Flex.Stack>
      <Form.MainHeading>Header</Form.MainHeading>
      <Form.Card>
        <Form.SubHeading>Header</Form.SubHeading>
        <Field.Email path="/dataPath" />
      </Form.Card>
    </Flex.Stack>
  </Form.Handler>,
)