API reference
blocks/pricing-card
Import
Section titled “Import”import * as api from "@fungi.computer/caps/blocks/pricing-card";Exports
Section titled “Exports”| Kind | Export | Description |
|---|---|---|
| type alias | PricingPlan | Caller-provided pricing plan data. |
| type alias | PricingCardLayout | Supported PricingCard layouts. |
| type alias | PricingCardProps | Props accepted by PricingCard. |
| constant | PricingCard | Displays supplied plan data and slots; checkout and policy stay with the host. |
PricingPlantype alias
Section titled “PricingPlan”type PricingPlan = object;Caller-provided pricing plan data.
Properties
Section titled “Properties”name: ReactNode;description?
Section titled “description?”optional description?: ReactNode;price?
Section titled “price?”optional price?: ReactNode;interval?
Section titled “interval?”optional interval?: ReactNode;PricingCardLayouttype alias
Section titled “PricingCardLayout”type PricingCardLayout = "stacked" | "banded";Supported PricingCard layouts.
PricingCardPropstype alias
Section titled “PricingCardProps”type PricingCardProps = HTMLAttributes<HTMLDivElement> & object;Props accepted by PricingCard.
Type Declaration
Section titled “Type Declaration”| Name | Type | Description |
|---|---|---|
plan |
PricingPlan |
- |
features? |
ReactNode |
Caller-owned feature rows. |
action? |
ReactNode |
Caller-owned action control; this block never invokes or configures it. |
status? |
ReactNode |
Caller-owned status content, such as a badge. |
art? |
ReactNode |
Caller-owned illustration, such as an img with its own alt text. |
layout? |
PricingCardLayout |
stacked groups the title and price in the header. banded places the name above the illustration and keeps the price on one line. |
featured? |
boolean |
Marks the one plan a page recommends with a heavier shadow. |
density? |
CardProps["density"] |
Use tighter section spacing for dense plan comparisons. |
PricingCardconstant
Section titled “PricingCard”const PricingCard: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & object & RefAttributes<HTMLDivElement>>;Displays supplied plan data and slots; checkout and policy stay with the host.