element-vir/dist/readme-examples/my-with-render-if.element.js

Heroic. Reactive. Declarative. Type safe. Web components without compromise.

import { defineElement, html, renderIf } from '../index.js';
export const MyWithRenderIf = defineElement()({
    tagName: 'my-with-render-if',
    render({ inputs }) {
        return html `
            ${renderIf(inputs.shouldRender, html `
                    I'm conditionally rendered!
                `)}
        `;
    },
});