PHPackages                             sinso/webcomponents - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. sinso/webcomponents

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

sinso/webcomponents
===================

Render Web Components

0.7.0(2mo ago)610.9k↓41.4%[5 issues](https://github.com/sinso/typo3-webcomponents/issues)[3 PRs](https://github.com/sinso/typo3-webcomponents/pulls)PHP

Since Nov 28Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/sinso/typo3-webcomponents)[ Packagist](https://packagist.org/packages/sinso/webcomponents)[ RSS](/packages/sinso-webcomponents/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (18)Versions (31)Used By (0)

TYPO3 Web Components Rendering
==============================

[](#typo3-web-components-rendering)

This extension provides tools to render Web Components with TYPO3.

TypoScript based rendering
--------------------------

[](#typoscript-based-rendering)

```
tt_content.tx_myext_mycontentelement = WEBCOMPONENT
tt_content.tx_myext_mycontentelement {
  tagName = my-web-component
  properties {
    title.data = header
    greeting = Hello World!
  }
}

```

Generates the output:

```

```

Component class based rendering
-------------------------------

[](#component-class-based-rendering)

You can populate the web component with PHP:

```
tt_content.tx_myext_mycontentelement = WEBCOMPONENT
tt_content.tx_myext_mycontentelement.component = Acme\MyExt\Components\MyContentElement

```

```