@seed-catalog/dropdown

Dropdown custom-element

Usage no npm install needed!

<script type="module">
  import seedCatalogDropdown from 'https://cdn.skypack.dev/@seed-catalog/dropdown';
</script>

README

Seed Dropdown

Documentation

Npm

npm install @seed-catalog/dropdown

How to use

import { LitElement, html, css } from 'lit-element';
import { seedStyle } from '@seed-catalog/styles';
import '@seed-catalog/dropdown';

class MyComponent extends LitElement {
  static get styles() {
    return [
      seedStyle,
      css`
        ...
      `
    ];
  }

  render() {
    return html`
      <seed-dropdown position="relative">
        <button slot="button" class="sd-btn red">Dropdown</button>
        <p slot="content">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Cras ut viverra leo, vel dapibus quam. Proin a sollicitudin quam,
          eget viverra diam. Donec euismod mattis dignissim.
        </p>
      </seed-dropdown>
    `;
  }
}

Link: https://www.npmjs.com/package/@seed-catalog/dropdown