Final few components

2023-03-14 14:22:50 -07:00
parent f5cbe0c4fe
commit dcc2a5afe0
12 changed files with 408 additions and 2 deletions
--- a/docs/components/search-filter.md
+++ b/docs/components/search-filter.md
@@ -0,0 +1,53 @@
+# Search Filter
+
+<script setup>
+import { ref } from "vue"; 
+
+const activeFilters = ref([]);
+
+function toggleFilter(filter) {
+  const index = activeFilters.value.indexOf(filter);
+  if (index !== -1) {
+    activeFilters.value.splice(index, 1)
+  } else {
+    activeFilters.value.push(filter)
+  }
+}
+</script>
+
+<DemoContainer>
+<SearchFilter
+  :active-filters="activeFilters"
+  display-name="Client"
+  facet-name="client"
+  @toggle="toggleFilter"
+>
+  <ClientIcon aria-hidden="true" />
+</SearchFilter>
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+
+const activeFilters = ref([]);
+
+function toggleFilter(filter) {
+  const index = activeFilters.value.indexOf(filter);
+  if (index !== -1) {
+    activeFilters.value.splice(index, 1)
+  } else {
+    activeFilters.value.push(filter)
+  }
+}
+</script>
+
+<SearchFilter
+  :active-filters="activeFilters"
+  display-name="Client"
+  facet-name="client"
+  @toggle="toggleFilter"
+>
+  <ClientIcon aria-hidden="true" />
+</SearchFilter>
+```