Alpha: Ships on npm at 7.0.0-alpha.07.0.0-alpha.0
facts
Labels and values a buyer decides on, as one ruled list.
Carried by the directory-product Template. Seen on pages/harbor/integrations/chartplot.json, section 2.
{
"kind": "section",
"shell": {
"inset": "contained",
"density": "section"
},
"block": {
"type": "facts",
"title": "At a glance",
"items": [
{
"label": "Reads",
"value": "Tides, windows and alerts"
},
{
"label": "Updates",
"value": "Every 6 minutes"
},
{
"label": "Plotters",
"value": "NMEA 2000 and Signal K"
},
{
"label": "Package",
"value": "harbor-tides-chartplot",
"code": true
}
]
}
}
{
"title": "facts",
"type": "object",
"properties": {
"type": {
"type": "string",
"const": "facts"
},
"title": {
"type": "string",
"minLength": 1,
"maxLength": 48
},
"items": {
"minItems": 1,
"maxItems": 16,
"type": "array",
"items": {
"type": "object",
"properties": {
"label": {
"type": "string",
"minLength": 1,
"maxLength": 24
},
"value": {
"type": "string",
"minLength": 1,
"maxLength": 80
},
"href": {
"type": "string",
"minLength": 1,
"maxLength": 160
},
"code": {
"type": "boolean"
}
},
"required": [
"label",
"value"
],
"additionalProperties": false
}
}
},
"required": [
"type",
"items"
],
"additionalProperties": false
}{
"kind": "section",
"shell": { "inset": "contained", "density": "section" },
"block": {
"type": "facts",
"title": "At a glance",
"items": [
{ "label": "Reads", "value": "Tides, windows and alerts" },
{ "label": "Updates", "value": "Every 6 minutes" },
{ "label": "Plotters", "value": "NMEA 2000 and Signal K" },
{ "label": "Package", "value": "harbor-tides-chartplot", "code": true }
]
}
}Smallest that parses
{
"type": "facts",
"title": "At a glance",
"items": [
{ "label": "Reads", "value": "Tides, windows and alerts" }
]
}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 |
items | 1–16 × object | yes |
items[].label | string ≤24 | yes |
items[].value | string ≤80 | yes |
items[].href | string ≤160 | no |
items[].code | boolean | no |
Use instead
stats: three or four big numbers