diff --git a/src/App.vue b/src/App.vue
index 4eb15ddc..7a712f2a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,8 @@
   <div id="app">
     <h1>Simple Usage</h1>
     <simple />
+    <h1>Static Usage</h1>
+    <partial />
 
     <h1>Advanced Usage</h1>
     <advanced-api />
@@ -20,6 +22,7 @@ import advancedBuildUrl from './components/advanced/buildUrl';
 import advancedBuildSrcSet from './components/advanced/buildSrcSet';
 import advancedApi from './components/advanced/advanced';
 import simple from './components/simple/simple';
+import partial from './components/simple/static-api';
 
 export default {
   name: 'App',
@@ -30,6 +33,7 @@ export default {
     advancedBuildSrcSet,
     advancedApi,
     simple,
+    partial,
   },
 
   computed: {},
diff --git a/src/components/simple/static-api.vue b/src/components/simple/static-api.vue
new file mode 100644
index 00000000..303156f2
--- /dev/null
+++ b/src/components/simple/static-api.vue
@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <h2>2-step URL API Example</h2>
+    <ix-img
+      src="/examples/pione.jpg"
+      width="100"
+      data-testid="2-step-api"
+    />
+    <ix-img
+      src="https://assets.imgix.net/examples/pione.jpg"
+      width="100"
+      data-testid="2-step-api"
+    />
+    <ix-img
+      src="https://sdk-test.imgix.net/amsterdam.jpg"
+      width="100"
+      data-testid="2-step-api"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: '2-step-api',
+};
+</script>