Switch

Conditionally render blocks of content based on the when prop of nested Match components.

jsx

import { Switch } from "@alloy-js/core";

<Switch >
  {children}
</Switch>

stc

import { Switch } from "@alloy-js/core/stc";

Switch({  }).children(children)

Props

children

Children

Example

<Switch>
  <Match when={someCondition}>
    <div>Condition met!</div>
  </Match>
  <Match else>
    <div>Condition not met!</div>
  </Match>
</Switch>