component template

component-name

...的Web組件

演示|進一步閱讀

例子

一般用法示例：

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

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

使用後備方法的示例：

 < 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 >

使用選項或其他後備方法的示例：

 < 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 > 

特徵

此Web組件允許您：

• 檢查…

安裝

您有一些選擇（選擇其中之一）：

1. 通過NPM安裝： npm install @daviddarnes/component-name
2. 從Github手動下載源到您的項目。
3. 跳過此步驟，直接通過第三方CDN使用腳本（不建議用於生產使用）

用法

確保在項目中包括<script> （選擇其中之一）：

 <!-- 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 > 

信用

感謝以下人員：

• 扎克·萊瑟曼（Zach Leatherman）啟發此Web組件回購模板