Alpha: Ships on npm at 7.0.0-alpha.07.0.0-alpha.0
plan-table
Plans as one ruled comparison table: a row per plan, a column per fact.
Carried by the api-product Template. Seen on pages/harbor/pricing.json, section 2.
{
"kind": "section",
"shell": {
"inset": "contained",
"density": "section"
},
"block": {
"type": "plan-table",
"title": "Every plan, fact by fact",
"columns": [
"Calls a month",
"Days ahead",
"Windows",
"Alerts"
],
"rows": [
{
"name": "Deck",
"cells": [
"1,000",
"14",
"no",
"no"
]
},
{
"name": "Bridge",
"cells": [
"50,000",
"14",
"yes",
"yes"
]
},
{
"name": "Harbor",
"cells": [
"1,000,000",
"30",
"yes",
"yes"
]
}
]
}
}
{
"title": "plan-table",
"type": "object",
"properties": {
"type": {
"type": "string",
"const": "plan-table"
},
"title": {
"type": "string",
"minLength": 1,
"maxLength": 48
},
"columns": {
"minItems": 1,
"maxItems": 6,
"type": "array",
"items": {
"type": "string",
"minLength": 1,
"maxLength": 16
}
},
"rows": {
"minItems": 1,
"maxItems": 8,
"type": "array",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"minLength": 1,
"maxLength": 24
},
"cells": {
"minItems": 1,
"maxItems": 6,
"type": "array",
"items": {
"type": "string",
"minLength": 1,
"maxLength": 32
}
},
"note": {
"type": "string",
"minLength": 1,
"maxLength": 40
}
},
"required": [
"name",
"cells"
],
"additionalProperties": false
}
},
"foot": {
"type": "string",
"minLength": 1,
"maxLength": 160
}
},
"required": [
"type",
"columns",
"rows"
],
"additionalProperties": false
}{
"kind": "section",
"shell": { "inset": "contained", "density": "section" },
"block": {
"type": "plan-table",
"title": "Every plan, fact by fact",
"columns": ["Calls a month", "Days ahead", "Windows", "Alerts"],
"rows": [
{
"name": "Deck",
"cells": ["1,000", "14", "no", "no"]
},
{
"name": "Bridge",
"cells": ["50,000", "14", "yes", "yes"]
},
{
"name": "Harbor",
"cells": ["1,000,000", "30", "yes", "yes"]
}
]
}
}Smallest that parses
{
"type": "plan-table",
"title": "Every plan, fact by fact",
"columns": ["Calls a month"],
"rows": [
{
"name": "Deck",
"cells": ["1,000"]
}
]
}Props
From @mdxui/site@7.0.0-alpha.0. A count reads as min–max × item; a string bound is its maximum length in characters, and links its refusal.
| Prop | Type and bound | Required |
|---|---|---|
title | string ≤48 | no |
columns | 1–6 × string ≤16 | yes |
rows | 1–8 × object | yes |
rows[].name | string ≤24 | yes |
rows[].cells | 1–6 × string ≤32 | yes |
rows[].note | string ≤40 | no |
foot | string ≤160 | no |
Use instead
pricing: one to four plans to choose from