### Standard Components

<br>

### Form Controls

#### Form Controls Needed

<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Working Name</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Based on existing</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Examples</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Work Package</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Related WP</p></th></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Color Picker</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Text Field</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><ul class="op-uc-list"><li class="op-uc-list--item"><p class="op-uc-p"><strong>Account settings &gt; Interface (Backlogs section) (Primerized)</strong></p></li><li class="op-uc-list--item"><p class="op-uc-p"><strong>Administration &gt; Colors &gt; </strong><i><strong>Color Name</strong></i><strong> (Unprimerized)</strong></p></li></ul></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Fieldset</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Group</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Styled fieldsets on Unprimerized pages</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">&nbsp;<mention class="mention" data-id="69702" data-type="work_package" data-text="#69702">#69702</mention>&nbsp;</p></th></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Select Panel</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>ActionMenu</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>Select Tree Panel</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><strong>ActionMenu</strong></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><br data-cke-filler="true"></p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><mention class="mention" data-id="63321" data-type="work_package" data-text="###63321">###63321</mention>&nbsp;</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p"><mention class="mention" data-id="69436" data-type="work_package" data-text="#69436"><strong>#69436</strong></mention><strong></strong></p></th></tr></thead></table></figure><br>