@citizensadvice/selects

Selects is an isolated module. We enclose them in a `<div/>` with `<select/>`.

Usage no npm install needed!

<script type="module">
  import citizensadviceSelects from 'https://cdn.skypack.dev/@citizensadvice/selects';
</script>

README

Selects npm (scoped)

Selects is an isolated module. We enclose them in a <div/> with <select/>.

Examples

<div>
  <label class="block bold mb-2" for="extent">Extent</label>
  <div class="select">
    <select id="extent">
      <option value="Please select">Please select</option>
      <option value="england">England</option>
      <option value="wales">Wales</option>
      <option value="scotland">Scotland</option>
      <option value="n-ireland">N. Ireland</option>
    </select>
  </div>
</div>

Installation

$ npm install @citizensadvice/selects

now import into your stylesheet...

@import '@citizensadvice/selects/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/selects@latest/build/selects.css" />