lmc-eu / spirit-design-system / 6047520236 / 2 – web-react

97%

main: 97%

push

github

Docs(web-twig): Introduce `DocsSection` and `DocsBox` components

- New components: `DocsSection`, `DocsBox`.
- CSS class `docs-FormFieldGrid` has been dropped.

`DocsSection` displays title and automatically provides proper spacing to its content.

Before:

```html
<section class="docs-Section">
    <h2 class="docs-Heading">
      Basic Usage
      <span class="Tag Tag--warning Tag--medium Tag--subtle">Visual demo only</span>
    </h2>
    <div class="docs-FormFieldGrid">
        <div class="docs-Box">…</div>
    </div>
</section>
```

After:

```twig
<DocsSection title="Basic Usage" tag="Visual demo only">
    <DocsBox>…</DocsBox>
</DocsSection>
```

221 of 413 branches covered (0.0%)

Branch coverage included in aggregate %.

1908 of 2594 relevant lines covered (73.55%)

21.82 hits per line