feat: update navbar template used on docs site global header + update…

… .boltrc config
boltdesignsystem · Mar 27, 2019 · 7e0b5fa · 7e0b5fa
1 parent 013df79
commit 7e0b5fa
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/docs-site/.boltrc.js b/docs-site/.boltrc.js
@@ -73,6 +73,7 @@ const config = {
   components: {
     global: [
       '@bolt/global',
+      '@bolt/docs-search',
       '@bolt/schema-form',
       '@bolt/components-placeholder',
       '@bolt/components-action-blocks',

diff --git a/docs-site/src/templates/_navbar-with-version-selector.twig b/docs-site/src/templates/_navbar-with-version-selector.twig
@@ -3,4 +3,33 @@
 {% block navbar_title %}
   {{ parent() }}
   {% include "@bolt-site/version-selector.twig" only %}
+{% endblock %}
+
+{% block navbar_nav %}
+  <bolt-docs-search>
+    {% set label %}
+      {% include("@bolt-components-form/form-label.twig") with {
+        "title": 'Search the Bolt Docs',
+        "displayType": 'floating'
+      } only %}
+    {% endset %}
+
+    {% set children %}
+      {% include("@bolt-components-form/form-input.twig") with {
+        "attributes": {
+          'placeholder': 'Search the docs',
+          'type': 'search',
+          'class': 'js-docs-search'
+        },
+        icon_size: "small"
+      } only %}
+    {% endset %}
+
+    {% include "@bolt-components-form/form-element.twig" with {
+      label: label,
+      children: children,
+      icon_size: "small"
+    } only %}
+  </bolt-docs-search>
+  {{ parent() }}
 {% endblock %}