Naughty Platypus Memorabilia

    alpine-webcomponent

    1.1.0 • Public • Published

    Alpine Web Component

    This is very alpha. You can define your web components in a declarative and Alpine way.

    <script src="https://cdn.jsdelivr.net/gh/cie/alpine-webcomponent@v1.0.0/dist/alpine-webcomponent.js" defer></script>
    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.6.0/dist/alpine.min.js" defer></script>
     
    <template x-webcomponent="my-card">
      <section>
        <slot/>
      </section>
      <style>
        section {
          padding: 10px;
          box-shadow: 0 2px 10px rgba(0,0,0,0.5);
          border-radius: 10px;
        }
      </style> 
    </template>
     
    <my-card>
      Hello
    </my-card>

    Keywords

    none

    Install

    npm i alpine-webcomponent

    DownloadsWeekly Downloads

    1

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    9.82 kB

    Total Files

    6

    Last publish

    Collaborators

    • cie