diff options
Diffstat (limited to 'iridescence/src/components/ProductFilter.vue')
| -rw-r--r-- | iridescence/src/components/ProductFilter.vue | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/iridescence/src/components/ProductFilter.vue b/iridescence/src/components/ProductFilter.vue new file mode 100644 index 0000000..6fdd461 --- /dev/null +++ b/iridescence/src/components/ProductFilter.vue @@ -0,0 +1,52 @@ +<template> + <div id="productFilter"> + <aside class="menu"> + <p class="menu-label"> + Availability + </p> + <ul class="menu-list"> + <li> + <label class="radio"> + <input type="radio" name="availability" /> + In stock + </label> + </li> + <li> + <label class="radio"> + <input type="radio" name="availability" /> + Made to order + </label> + </li> + </ul> + <p class="menu-label"> + Category + </p> + <ul class="menu-list"> + <li> + <label class="radio"> + <input type="radio" name="category" /> + Garden + </label> + </li> + <li> + <label class="radio"> + <input type="radio" name="category" /> + Beach + </label> + </li> + <li> + <label class="radio"> + <input type="radio" name="category" /> + Pets + </label> + </li> + </ul> + </aside> + </div> +</template> + +<script> +export default { + name: "ProductFilter" +}; +</script> |