Index: sky/examples/flights-app/app-search-input.sky |
diff --git a/sky/examples/flights-app/app-search-input.sky b/sky/examples/flights-app/app-search-input.sky |
new file mode 100644 |
index 0000000000000000000000000000000000000000..538ea545d370546498d8f3cea50672a58afcc71e |
--- /dev/null |
+++ b/sky/examples/flights-app/app-search-input.sky |
@@ -0,0 +1,25 @@ |
+<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> |
+<template> |
+ <style> |
+ :host { |
+ background-color: #F6F6F6; |
+ padding: 4px; |
+ display: flex; |
+ align-items: center; |
+ font-size: 1.2em; |
+ } |
+ |
+ .input-text { |
+ margin-left: 8px; |
+ } |
+ </style> |
+ <span class="input-icon"> |
+ <img src="/sky/examples/flights/images/magnifying-glass.png" style="width: 16px"> |
+ </span> |
+ <span class="input-text"><t>flights today to dc by price</t></span> |
+</template> |
+<script> |
+SkyElement({ |
+ name: "app-search-input" |
+}); |
+</script> |