test-list.ts

import '@yotpo-common/ui-components/components/list';
import '@yotpo-common/ui-components/components/list-item';
import '@yotpo-common/ui-components/components/list-label';
import { LitElement, html } from 'lit';
import { customElement, state } from 'lit/decorators.js';

@customElement('test-dropdown')
export class TestDropdown extends LitElement {
    @state()
    private checked: boolean = false;

    constructor() {
        super();
        setInterval(() => {
            console.log('interval');
            this.checked != this.checked;
        }, 1000);
      }

    override render() {
        return html`
            <yotpo-list .checked=${this.checked}>
                <yotpo-list-item label="Test"></yotpo-list-item>
            </yotpo-list>
        `;
    }
}

declare global {
    interface HTMLElementTagNameMap {
        'test-dropdown': TestDropdown
    }
}