diff options
Diffstat (limited to 'iridescence/src/components/InventoryFilter.vue')
-rw-r--r-- | iridescence/src/components/InventoryFilter.vue | 49 |
1 files changed, 42 insertions, 7 deletions
diff --git a/iridescence/src/components/InventoryFilter.vue b/iridescence/src/components/InventoryFilter.vue index 58547eb..349b0f5 100644 --- a/iridescence/src/components/InventoryFilter.vue +++ b/iridescence/src/components/InventoryFilter.vue @@ -1,12 +1,47 @@ <template> <div id="inventoryFilter"> - <h1 class="subtitle"> - Filter Products - </h1> - <label class="checkbox"> - <input type="checkbox" /> - Remember me - </label> + <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> |