Dropdown*

SketchSystems.spec

Dropdown*
  Inactive*
    focus -> Focused
    click -> Open

  Focused
    down arrow key -> Open

  Open
    arrow key -> Navigating
    click -> Focused

    Navigating
      enter key -> Focused

Dropdown - Multiple
  
    

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}

function render(model){
  return <div style={{textAlign: "center"}}>
           <h1>{model.active_states[0].name}</h1>
         </div>;
}