The type of the value to evaluate against (defaults to undefined for no value)
The rendered JSX element from the first matching condition, or nothing if no match
// Multiple condition-output tuples as separate children
<Choose value={status}>
{[
(status) => status === 'loading',
() => <div>Loading...</div>
]}
{[
(status) => status === 'error',
(status) => <div>Error: {status}</div>
]}
{[
() => true, // default case
(status) => <div>Status: {status}</div>
]}
</Choose>
Conditionally renders content based on evaluating multiple condition-output pairs against a value. Similar to lit-html's choose directive, evaluates each condition in order and renders the first match.