OFRAG Frontend Components Library v0.0.0

Heading: Level: 3 

<div class="heading--centered">
      <div class="heading__container">
          <h3 class="heading__title" id="dies-ist-eine-ueberschrift-">Dies ist eine Überschrift!</h3>
      </div>
  </div>
 
{% include '@SharedComponents/modules/bricks/components/heading/heading.twig' %}
 
{
  "variant": "centered",
  "level": "3",
  "title": "Dies ist eine Überschrift!"
}
  • Content: 
    import './heading.scss';
import Heading, {selector as sel} from 'cando-cx-components-library/components/modules/bricks/components/heading/heading';

export default Heading;
export const selector = sel;
  • URL: /components/raw/heading/heading.js
  • Filesystem Path: src/components/modules/bricks/components/heading/heading.js
  • Size: 201 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/bricks/components/heading/heading";
  • URL: /components/raw/heading/heading.scss
  • Filesystem Path: src/components/modules/bricks/components/heading/heading.scss
  • Size: 116 Bytes

Reference concept: https://cando-image.atlassian.net/browse/OF-57?focusedCommentId=25233. We only start with h3, since h1 and h2 are used for a11y headings.