プラン

プランコンポーネントは、製品に必要なプランの種類を定義することを可能にします。使用方法は2つあります：製品のメイン概要ページで、または特定の機能について追加の要件を話す必要があるページで使用します。

概要ページでは、<Plan type="<PLAN_TYPE>" />を使用します。 特別な機能を指定するには、<Plan id="<FIRST_PRODUCT>.<SECOND-PRODUCT>.properties.availability.summary" />を使用します。このコンポーネントは、src/content/plans/内のindex.jsonファイルから情報を取得します。

詳細については、以下の例を参照してください。

Available on all plans

Available on Paid plans

Pro and above

Business and above

Add-on feature

Enterprise-only paid add-on

Available on Free and Paid plans

Available on Workers Paid plan

Paid add-on

import { Plan } from "~/components"

<Plan type="all" />
<Plan type="paid" />
<Plan type="pro" />
<Plan type="business" />
<Plan type="add-on" />
<Plan type="ent-add-on" />
<Plan type="workers-all" />
<Plan type="workers-paid" />
<Plan id="web3.ethereum.properties.availability.summary" />