Form.MainHeading#

Demos#

Text only#

This is a main heading

<Form.MainHeading>This is a main heading</Form.MainHeading>

Above a flex container#

This is a main heading

Stack contents

<Form.MainHeading>This is a main heading</Form.MainHeading>
<Flex.Stack>
  <P>Stack contents</P>
</Flex.Stack>

Above Card#

This is a main heading

Card contents

<Form.MainHeading>This is a main heading</Form.MainHeading>
<Form.Card>
  <P>Card contents</P>
</Form.Card>

With HelpButton#

This is a main heading

Card contents

<Flex.Stack>
  <Form.MainHeading
    help={{
      title: 'Title',
      content: 'Content',
    }}
  >
    This is a main heading
  </Form.MainHeading>
  <Form.Card>
    <P>Card contents</P>
  </Form.Card>
</Flex.Stack>

Suggest an edit