v2.24.0

src/pages/examples/index.js

@@ -35,6 +35,7 @@ import { seeThroughWalls } from './see-through-walls'
 import { tooltipsOptions } from './tooltips'
 import { airQuality } from './air-quality'
 import { embeddedEditor } from './embedded-editor'
+import { markup } from './markup'
 
 const projects = [
   helloWorld,
@@ -45,6 +46,7 @@ const projects = [
   propertyManagement,
   addDataElements,
   stackingPlan,
+  markup,
   warehouseBins,
   tooltipsOptions,
   controlledCamera,

src/pages/examples/markup/index.js

@@ -0,0 +1,26 @@
+/* eslint-disable import/no-webpack-loader-syntax */
+import React from 'react'
+
+import StackblitzProject from '../../../components/StackblitzProject'
+
+import { USE_CASES } from '../_categories'
+
+export const markup = {
+  slug: 'markup',
+  title: 'Markup',
+  category: USE_CASES,
+  description: `Use our floor plan spatial data extraction and computation APIs to quickly markup a space and extract statistics.`,
+  published: true,
+  stackblitzProjects: [
+    {
+      lang: 'React',
+      id: 'smplr-markup',
+      openFile: 'index.tsx',
+      default: true
+    }
+  ]
+}
+
+export default function () {
+  return <StackblitzProject project={markup} />
+}