Option select: Closed on load

A scrollable list of checkboxes to be displayed on a form where one might otherwise use a multi-select

How to call this component

<%= render partial: 'govuk_component/option_select', locals: { key: "closed_on_load", title: "List of hats", closed_on_load: true, options_container_id: "list_of_hats", options: [ { value: "bobble_hat", label: "Bobble hat", id: "bobble_hat" }, { value: "fez", label: "Fez", id: "fez" }, { value: "sombrero", label: "Sombrero", id: "sombrero" } ] } %>

How this component looks

List of hats