Comparison Table
WidgetsComparison Table, from the Widgets group of the nertia component library.
content
Not yet portable: this section runs on nertia today. Export the recipe or open it in nertia.
Recipe
This is the item in site.json form.
npm create nersh@latest my-site -- --site https://nertia.ai/components/widgets/comparison-table/site.json scaffolds a project from it.json
{
"slug": "comparison-table",
"mode": "builder",
"status": "draft",
"skinId": "zinc",
"composition": {
"id": "comparison-table",
"sections": [
{
"id": "comparison-table",
"instanceId": "stage-comparison-table"
}
]
},
"copy": {
"stage-comparison-table.headline": "How we compare",
"stage-comparison-table.sub": "See the difference at a glance.",
"stage-comparison-table.anchor": "start",
"stage-comparison-table.columns": "[\"Us\",\"Competitor A\",\"Competitor B\"]",
"stage-comparison-table.rows": "[{\"feature\":\"Unlimited projects\",\"values\":[\"✓\",\"✕\",\"✓\"]},{\"feature\":\"24/7 Support\",\"values\":[\"✓\",\"✓\",\"✕\"]},{\"feature\":\"Custom branding\",\"values\":[\"✓\",\"✕\",\"✕\"]},{\"feature\":\"No hidden fees\",\"values\":[\"✓\",\"✕\",\"✕\"]}]",
"stage-comparison-table.highlightColumn": "1"
}
}
