JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://knockoutjs.com/downloads/knockout-latest.js"></script>
                <select class="form-control select pull-left" data-bind="options: makes, value: selectedMake, optionsText : 'name', optionsValue : 'id'"></select>
                <select id="type" class="form-control select pull-left" data-bind="options: doorTypes, value: selectedType, optionsText : 'name', optionsValue : 'id'"></select>
                <select id="model" class="form-control select_sm pull-left"><option value="1">Single Door</option><option value="2">Double Door</option></select>

JavaScript

var viewModel = function(){
		var self = this;
		self.patternSelectedIndex = ko.observable(0);
		self.windowSelectedIndex = ko.observable(0);
		self.colorSelectedIndex = ko.observable(0);
		self.hardwareSelectedIndex = ko.observable(0);
		self.selectedMake = ko.observable();
		self.selectedType = ko.observable();
        
		self.makes = [
				{id:1, name: 'Northwoods Prestige', dimensions:true},
				{id:2, name: 'Forest Bay', dimensions:true},
				{id:3, name: 'Timberland', dimensions:true}
		];
        
		self.types = [
				{id: 1, make:1, name:'Special Reserve 138', patterns:[{file:'FB_Classic', name:'FB Clasic'},{file:'FB_Long', name:'FB Long'},{file:'FB_Flush', name:'FB Flush'}], colors:[{file:'Brown', name:'Brown'},{file:'Oak', name:'Oak'},{file:'Cherry', name:'Cherry'},{file:'Green', name:'Green'}], windows:[{file:'Cascade', name:'Cascade'},{file:'LongPanel', name:'LongPanel'},{file:'Plain', name:'Plain'},{file:'Savanna', name:'Savanna'},{file:'Sunburst', name:'Sunburst'},{file:'Sherwood', name:'Sherwood'}], hardware:[{file:'hardware1', name:'Strap Hinge'},{file:'hardware2', name:'Door Stud'},{file:'hardware3', name:'Lift Handle'}]},
				{id: 2, make:1, name:'Special Reserve II', patterns:[{file:'SR_81', name:'SR 81'}], colors:[{file:'Almond', name:'Almond'},{file:'White', name:'White'}], windows:[{file:'Heritage', name:'Colonial'},{file:'Cascade', name:'Cascade'}], hardware:[{file:'hardware1', name:'Strap Hinge'},{file:'hardware3', name:'Lift Handle'}]},
				{id: 3, make:2, name:'TF 138', patterns:[{file:'Rec_Carraige', name:'Rec Carraige'}], colors:[{file:'Green', name:'Green'}, {file:'Sepia', name:'Sepia'}], windows:[{file:'Cathedral', name:'Cathedral'},{file:'Cascade', name:'Cascade'}], hardware:[{file:'hardware1', name:'Strap Hinge'},{file:'hardware3', name:'Lift Handle'}]},
				{id: 4, make:2, name:'TF II', patterns:[{file:'Raised_Carriage', name:'Raised Carriage'}], colors:[{file:'Almond', name:'Almond'}], windows:[{file:'Cathedral',...