<div class="field">
<div class="control has-text-left my-5">
<input id="switch" type="checkbox" name="switchExample" class="switch is-rounded"
checked={simpleValue.tryswitch}
onChange={(event) => setSimpleValue("tryswitch", event.currentTarget.checked)}
/>
<label for="switch"><span class="mx-2 has-text-weight-semibold">Switch</span></label>
</div>
</div>
<Show when={simpleValue.tryswitch}>
<SomeComponent.../>
</Show>
<div class="field">
<div class="control has-text-left my-5">
<input id="switch" type="checkbox" name="switchExample" class="switch is-rounded"
checked={simpleValue.tryswitch}
onChange={(event) => setSimpleValue("tryswitch", event.currentTarget.checked)}
/>
<label for="switch"><span class="mx-2 has-text-weight-semibold">Switch</span></label>
</div>
</div>
<Show when={simpleValue.tryswitch}>
<SomeComponent.../>
</Show>