JSFiddle - React, Tailwind, and code Playground

by cory a

HTML

<label for='diffList'>Differentiated by:</label>
    <select class='form-control' id='diffList'>
        <optgroup label='Process'>
            <option>balance of group and individual work</option>
            <option>tiered activities</option>
            <option>multiple performance opportunities</option>
            <option>varied instructional strategies</option>
            <option>varied instructional strategies</option>
            <option>varied assessment methods</option>
        </optgroup>
        <optgroup label='Content'>
            <option>multiple leveled material</option>
            <option>by flexible groupings</option>
            <option>by prompts tiered by cognitive domain</option>
        </optgroup>
        <optgroup label='Product'>
            <option>Item 1</option>
            <option>Item 2</option>
            <option>Item 3</option>
        </optgroup>
    </select>