w-input-select

EOS (Recommended) Jungle3 Telos

Value:

<w-input-select
  label="Blockchain"
  error="you can't select EOS"
  id="select"
  placeholder="Please select the blockchain"
  value=""
>
  <w-input-select-option value="eos"
    >EOS<span> (Recommended)</span></w-input-select-option
  >
  <w-input-select-option value="jungle3" disabled="true"
    >Jungle3</w-input-select-option
  >
  <w-input-select-option value="telos">Telos</w-input-select-option>
</w-input-select>

<script>
  const selectEl = document.querySelector('#select');
  const valueEl = document.querySelector('#value');
  selectEl.addEventListener('change', ev => {
    valueEl.innerText = ev.target.value;
  });
</script>

API

w-input-select

Properties

Property	Attribute	Description	Type	Default
disabled	disabled	disabled	boolean	false
error	error	form element error message	string	''
label	label	label	string	''
placeholder	placeholder	placeholder (shown as select's value if no value provided or provided value is not found among options' values)	string	''
value	value	value	string	''

---

Built with StencilJS (opens new window)