yuheijotaki.com

Baseline Status ウェブコンポーネントを入れてみる

目次

概要

web-platform-dx/baseline-status を使って、Baseline Status のバッジを埋め込みできるようにした。

結果

fetchPriority プロパティ - Web API の例

そもそも Baseline とは何なのか

導入(Astro)

  • npm i baseline-status
  • 任意ファイルで読み込み
    • import 'baseline-status/baseline-status.min.js';
  • .astro や .mdx でコンポーネント埋め込み
    • <baseline-status featureId="fetch-priority"></baseline-status>
  • featureId は下記から探せる

参考記事