OP Heading component in Primer

[psatyal]

Ticket

https://community.openproject.org/projects/openproject/work_packages/61378/activity

What are you trying to accomplish?

The default Primer Heading component is not sufficiently flexible for use in OpenProject. This implementation aims to create an OP version of it that better integrates with our designs.

Merge checklist

• Implement in Primer
• Add code examples to documentation
• Review code
• Review LookBook docs
• Merge

[github-actions]

Caution

The provided work package version does not match the core version

Details:

• Work package URL: https://community.openproject.org/projects/openproject/work_packages/61378
• Work package version: not set
• Core version: 15.3.0

Please make sure that:

• The work package version OR your pull request target branch is correct

[psatyal]

Hi @HDinger. The suggested changes look good to me (I can't explicitly approve this because I'm the PR author, but I do in spirit approve it!). I added a little note about this not replacing Primer Heading.

I note that the current implementation does not include the optional divider at the bottom. This request came from @marcalcobe for use in the Account settings page, so I'll mention him here so he's aware of this.

Thanks for the quick work on this!

Cheers
Parimal

[HDinger]

I note that the current implementation does not include the optional divider at the bottom. This request came from @marcalcobe for use in the Account settings page, so I'll mention him here so he's aware of this.

Just to be clear: This does not mean that it is not possible to add this line, but currently it is simply not implemented yet. With that custom component being available now, we can easily add it later.

[HDinger]

The failing tests are unrelated.