component template

component-name

Komponen web untuk…

Demo | Bacaan lebih lanjut

Contoh

Contoh Penggunaan Umum:

 < script type =" module " src =" component-name.js " > </ script >

< component-name >
  < button > Button </ button >
</ component-name >

Contoh Menggunakan Metode Fallback:

 < script type =" module " src =" component-name.js " > </ script >

< component-name >
  < button > Button </ button >
  < a href =" # " > Anchor </ a >
</ component-name >
< style >
  component-name:not(:defined) button,
  component-name:defined a {
    display: none;
  }
</ style >

Contoh Menggunakan Opsi atau Metode Fallback Tambahan:

 < script type =" module " src =" component-name.js " > </ script >

< component-name attribute =" value " >
  < button > Button </ button >
</ component-name >
< style >
  component-name[attribute="value"] {
    outline: 1px solid red;
  }
</ style > 

Fitur

Komponen web ini memungkinkan Anda untuk:

• Periksa…

Instalasi

Anda memiliki beberapa opsi (pilih salah satunya):

1. Instal melalui NPM: npm install @daviddarnes/component-name
2. Unduh sumbernya secara manual dari GitHub ke dalam proyek Anda.
3. Lewati langkah ini dan gunakan skrip secara langsung melalui CDN pihak ke -3 (tidak disarankan untuk penggunaan produksi)

Penggunaan

Pastikan Anda memasukkan <script> dalam proyek Anda (pilih salah satunya):

 <!-- Host yourself -->
< script type =" module " src =" component-name.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script
  type =" module "
  src =" https://www.unpkg.com/@daviddarnes/[email protected]/component-name.js "
> </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script
  type =" module "
  src =" https://esm.sh/@daviddarnes/[email protected] "
> </ script > 

Kredit

Dengan terima kasih kepada orang -orang berikut:

• Zach Leatherman karena menginspirasi Template Repo Komponen Web ini