> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/cc/sygnal-layout.md).

# Sygnal Layout

{% hint style="success" %}
**QUESTIONS?  PROBLEMS?  FEATURE REQUESTS?** \
Contact me on [Sygnal's forum](https://sygnal-attr.discourse.group/c/general). 
{% endhint %}

## Components

The following code components are included in this library.  

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><h3>DataTable</h3><ul><li>Display HTML tables from a Google Docs table source</li><li>CMS support </li></ul></td><td><a href="/sygnal-webflow-components/cc/sygnal-layout/datatable.md">DataTable ✅</a></td><td><a href="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FpMy9bmNUm6Q4XxMJ0PyA%2Fimage.png?alt=media&amp;token=d2e20b8a-f29a-473e-bd34-dba2008e761d">image.png</a></td></tr><tr><td><h3>Masonry Grid</h3><ul><li>Dynamic masonry grid</li><li>CMS collection list support </li><li><em>Images only</em> </li></ul></td><td><a href="/sygnal-webflow-components/cc/sygnal-layout/masonry.md">Masonry ✅</a></td><td><a href="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2Fb7DapuYBeQ6kJ444JhJl%2Fimage.png?alt=media&amp;token=6a085f6c-0481-485f-8e76-ca99ce743939">image.png</a></td></tr><tr><td><h3>Grid</h3><ul><li>Simple grid </li></ul></td><td><a href="/sygnal-webflow-components/cc/sygnal-layout/grid.md">Grid ✅</a></td><td><a href="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FCqE0f8OFI5KL2JsWxueK%2Fgrid.png?alt=media&amp;token=0f51d072-4b38-40c0-b6c3-18d2edb2d70b">grid.png</a></td></tr><tr><td><h3>Richtext Repeater</h3><ul><li>Use richtext ( static or CMS ) as a structured data source for content like FAQ questions &#x26; answers</li><li>Render that content into custom designed, structured templates </li></ul></td><td><a href="/sygnal-webflow-components/cc/sygnal-layout/rich-text-repeater.md">Rich Text Repeater ✅</a></td><td><a href="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FCYLltTUtiAxSga4DBCIT%2Ffaq.png?alt=media&amp;token=c4880bc3-c281-424b-9bcf-d18fe10f51fd">faq.png</a></td></tr></tbody></table>