How can I access to named slot as a variable !?

[mojtaba-afraz]

Hello
How can I access to named slot as a variable !?

[justinfagnani]

You can use this.shadowRoot.querySelector() or the @query() decorator:

import {LitElement, html} from 'lit';
import {customElement, query} from 'lit/decorators.js';

@customElement('my-element')
class MyElement extends LitElement {

  @query('slot[name=foo]')
  _fooSlot!: HTMLSlotElement;

  render() {
    return html`
      <button @click=${this._go}>Go</button>
      <slot name="foo"></slot>
    `;
  }
  _go() {
    // If you're not using decorators, you can querySelector:
    // const fooSlot = this.shadowRoot.querySelector('slot[name=foo]');
    const fooSlottedElement = this._fooSlot.assignedElements(true);
  }
}